canvas.開発中のモバイル Web アプリケーションの Web ページには、モバイル デバイスのカメラで写真を撮るために使用するファイル入力コントロールがあります。次に、カメラからの画像が同じページの HTML5 キャンバス オブジェクトに描画されます。
私が抱えている問題は、iOS 7 を実行している iPhone 5 (Safari Web ブラウザー) で Web アプリケーションを実行すると、画像が極端に歪んで表示されることです。具体的には、キャンバスに描画すると、画像が縦方向につぶれたように見えます。同じ Web アプリケーションが Android デバイスで実行されている場合、歪みは見られません。
以前のバージョンの iOS および iPhone 5 より前の iOS デバイスでは、(これほど悪くはありませんが) いくつかの垂直方向のスキッシュが見られ、megapixel-image.js という名前の jquery プラグインを使用して、垂直方向のスキッシュを修正することができました。残念ながら、このツールは iOS 7 と互換性がありません。
これは Safari などの画像のサブサンプリングに関連していますか? これを修正するにはどうすればよいですか? ユーザーにこの歪んだ画像を見せることは明らかにできません。カメラと HTML5 キャンバスを使用したいモバイル Web アプリ開発者は、この問題に直面することになるため、解決策が必須です。