これが私の現在の状況です。アップロードされた画像を表示し、ユーザーに事前定義されたアスペクト比を持つトリミング領域を描画させることができます。そして、送信時にそのコーナー座標がサーバーアプリケーションに送信され、画像がトリミングされて保存されます。
ただし、アップロードされた画像のサイズは可変であり、max-width. 問題は、JCrop (トリミング領域を描画し、その座標を非表示の入力に設定する jquery プラグイン) が、クライアント側の画像に対してトリミング領域の座標を設定することです。画像の高さが最大の高さよりも小さい場合は問題ありませんが、そうでない場合は画像が間違ってトリミングされます。
これを解決するには; img.clientWidth;を取得しimg.clientHeight;て、サーバー側にも渡す予定です。次に、外挿を行って、トリミング座標を真の座標に変換します。
このアプローチは良いですか？より良い、またはより美しい解決策はありますか？