誰かが「CSS画像サイズ(つまり幅と高さ)で動的に変更された」で正しく機能する画像クロップを知っていますか?
元の画像サイズ(たとえば、サイズ:400px x 400px)と幅:100%がある場合、すべての画像の切り抜きは正常に機能します。
しかし、サイズが1500px x 1500pxのユーザーの画像に表示し、cssを使用して100px x 100pxに小さくすると(1500px-通常は画面が大きくなり、見栄えが悪くなるため)-この場合、画像はエラーを発行する前に見たものを切り抜きますまたは、初期値(左上隅)でサムネイルを作成します。Facebookのアルバムから写真を引き出す必要がありますが、通常は大きすぎます。
トリミングする前に画像を縮小することは可能ですが、品質が低下することは知っています。
ちなみに、これを作成する方法があるように見えます。これは、jCropプレビューでは、cssで画像のサイズを「動的に」変更してもサムネイルが正常に表示されるためです。プレビューするだけです!画像の左上隅があると言ったので、完成したトリミングされた画像は正しくありません。