3

モバイルブラウザー (FF および Chrome) で html5 機能をテストしています。を使用して画像をキャプチャしたい < input type="file" accept="image/*;capture=camera">

「変更」イベントのハンドラーを作成し、< input />それを使用してファイル データ (名前とコンテンツ) を取得します。そのために、この記事http://www.html5rocks.com/en/tutorials/file/で説明されているアプローチを使用します。 dndfiles/ . < img />あとはimg.src=contentで写真の内容を表示します。問題は、デバイス カメラで写真を撮ると 90 度回転し、デバイスのハード ドライブから img を選択すると問題ない (回転していない) ことです。

FFとChrome(Androidデバイス)の両方でこの問題があります。このケースは、他のブラウザ/デバイスではテストしていません。

私はどんな助けにも本当に感謝しています。

ベスト、クリス

4

1 に答える 1

2

写真の EXIF データを読み取り、ユーザーが写真を撮った方向に基づいて適切に回転する必要があります。

他の人はすでにこの問題に取り組んでおり、例としてhttps://github.com/gokercebeci/canvasResizeでサンプルを見ることができます。

于 2013-05-12T00:04:21.970 に答える