Cropper.jsでスケールと大きな画像を扱うには？

Question

私はCropper.jsを使用して、ユーザーが大きな画像を切り取ることを許可しています。通常は3000x3000ピクセルより大きな画像です。

画像がdiv要素に読み込まれると、画像の幅は1024ピクセルになります。私のテストケースでは、元の画像は4032x2268なので、ブラウザでは1024x576です。

getCropBoxData（）およびgetCanvasData（）メソッドは、トリミングする選択された領域のx、y、幅および高さの値を返しますが、イメージの1024x576のスケーリングに相対して表します。画像を元のサイズに戻します。

XとYのスケール値を決定してそれに応じて変換ルーチンを作成しようとしましたが、正しく動作しません。

ここで私はここに投稿し、より単純な方法があるかどうかを確かめました。 Cropper.jsはgetImageData（）メソッドで返されたscaleXとscaleYの値を持っているようですが、希望通りに動作しません。

誰も私がこれに対処する方法を知っていますか？

Answer 1

私はそれを理解しました。ここに事がある。 getCropData（）メソッドで返される "y"値が間違っています。 "x"の値も間違っているかもしれませんが、私は100％確実ではありません。私がやったことは、getData（）メソッドからxとyの値を取り出すことでした。私はこれがいつか誰かを助けることを願っています！