☰

JS クライアント側 Exif 方向: JPEG 画像の回転とミラーリング 質問する

tag-icon • tag-icon javascript rotation html5-canvas exif
JS クライアント側 Exif 方向: JPEG 画像の回転とミラーリング 質問する

デジタルカメラの写真は、多くの場合、EXIF「方向」タグ付きのJPEGとして保存されます。正しく表示するには、設定された方向に応じて画像を回転/反転する必要がありますが、ブラウザはこの情報を無視して画像をレンダリングします。大規模な商用Webアプリでも、EXIF方向のサポートは不完全です。1同じ情報源には、8つの異なる方向JPEG には次のものが含まれます。

EXIF 方向の概要

サンプル画像はこちら4。

問題は、画像が正しく表示され、必要に応じてさらに処理できるように、クライアント側で画像を回転/ミラーリングする方法です。

方向属性を含むEXIFデータを解析するためのJSライブラリが利用可能である。2Flickrは、大きな画像を解析する際にパフォーマンスの問題が発生する可能性があり、Webワーカーの使用が必要であると指摘した。3。

コンソールツールは画像を正しく再配置できる5この問題を解決するPHPスクリプトは以下から入手できます。6

ベストアンサー1

githubプロジェクトJavaScript 画像の読み込みEXIFの向きの問題に対する完全なソリューションを提供し、8つのEXIFの向きすべてに対して画像を正しく回転/反転します。オンラインデモをご覧ください。javascript exif 方向

画像はHTML5キャンバスに描画されます。正しいレンダリングは次のように実装されています。js/load-image-orientation.jsキャンバス操作を通じて。

これが他の誰かの時間を節約し、検索エンジンにこのオープンソースの宝石について教えることになれば幸いです :)

おすすめ記事