Jpegフォーカスのカスタムメタデータ

Question

JavaScriptを使用してjpeg写真のフォーカルポイントの保存を実装しようとしています。私は最近、hereについて話した、きちんとしたCSSトリックに基づいて作業を進めています。

私の計画では、この技術を別のJavaScriptアップロード/クロッピングツール（Croppieなど）と組み合わせて、Amazon S3にjpegデータを保存します。

私が達成しようとしているのは、xの&の焦点値をjpegメタデータ内に保存して、データベースの参照を省くことです。

イメージを表示してcssバックグラウンドの位置スタイルをインライン化して、これらの値を読み取って、イメージが異なるデバイス間で適切に拡大するようにします。

私はオンラインで見てきましたが、JavaScriptを使用してこれを簡単にエンコードする方法が見つかりません。私はこれにどのようにアプローチすべきか、誰にも何か提案がありますか？

Answer 1

あなたはjavascriptを実行するためにブラウザを使用していると仮定します。バッファーを読み取るにはreadAsArrayBufferを使用してください。 APP1セクションを探し、カスタムメタデータを追加するように変更して、イメージを保存します。 How to access JPEG EXIF in browser?

ExifToolはメタデータを書き込むことができます。 Node.js子プロセスを使用してプログラムを呼び出します。

可能であれば、データベースシステムまたはインデックスを使用して対応する情報を保存することは、すばやく簡単なソリューションです。