0

誰かが「CSS画像サイズ(つまり幅と高さ)で動的に変更された」で正しく機能する画像クロップを知っていますか?

元の画像サイズ(たとえば、サイズ:400px x 400px)と幅:100%がある場合、すべての画像の切り抜きは正常に機能します。

しかし、サイズが1500px x 1500pxのユーザーの画像に表示し、cssを使用して100px x 100pxに小さくすると(1500px-通常は画面が大きくなり、見栄えが悪くなるため)-この場合、画像はエラーを発行する前に見たものを切り抜きますまたは、初期値(左上隅)でサムネイルを作成します。Facebookのアルバムから写真を引き出す必要がありますが、通常は大きすぎます。

トリミングする前に画像を縮小することは可能ですが、品質が低下することは知っています。

ちなみに、これを作成する方法があるように見えます。これは、jCropプレビューでは、cssで画像のサイズを「動的に」変更してもサムネイルが正常に表示されるためです。プレビューするだけです!画像の左上隅があると言ったので、完成したトリミングされた画像は正しくありません。

4

2 に答える 2

0

解決策は次のとおりです。元の画像サイズを「cssで小さい」サイズに分割します。係数を取得してから、作物に送信します。x1、y1、高さ、幅にこの係数を掛けます。利益!

于 2012-04-02T17:57:35.183 に答える
0

探しているのがレスポンシブまたは流動的な画像クロッパー(画面に適応する)である場合は、ギロチンを試して、デモをチェックし、ブラウザーのウィンドウのサイズを変更して、どのように適応するかを確認する必要があります。

于 2014-08-03T20:08:39.707 に答える