0

400 * 400 の固定寸法の正方形内に画像を表示したい。したがって、アスペクト比を維持するために、幅がそれ以上の場合、幅が縮小され、アスペクト比に従って残りのスペースが埋められる可能性があります。背景色（divに色を付けることができます）。同様に、高さがそれ以上の場合、高さはアスペクト比に従って表示されるように調整され、残りのスペースは背景で埋められます。

これを達成する方法を誰か助けてもらえますか？これはimagemagickで行うことができますか？ http://php.net/manual/en/book.imagick.php

どんな助けでも大歓迎です。

4

5 に答える 5

0

適切なサイズで画像を表示するだけで十分な場合は、拡大縮小されたバージョンを作成する必要はありません。CSS を使用して Web ページで拡大縮小するだけです。

div {
  width:400px;
  height:400px;
  background:url('https://placekitten.com/400/600');
  background-repeat:no-repeat;
  background-size:contain;
  background-position:50% 50%
}

子猫の画像のサイズを変更して、画像がどのようにスケーリングされるかを確認します。

jsFiddle の例で遊んでください: https://jsfiddle.net/Lontevb3/1/

于 2016-06-29T18:06:18.670 に答える
0

幅と高さを追加してみてください。これもcssでこれを行うことができます:D

于 2013-05-15T14:10:48.133 に答える
-4

君は

  • 画像の縦横比を計算する
  • 画像の寸法の 1 つが「フレーム」よりも長いかどうかを確認します
  • 両方が長い場合は、2 つのうち最大の寸法を選択します
  • 最長の寸法がフレームの寸法 (400px) と同じになるように画像を拡大縮小します。
  • 400 * アスペクト比 px になるように、他のディメンションをスケーリングします。
于 2013-05-08T12:59:58.853 に答える
-5

<div>背景画像を作成して設定してみてはいかがでしょうか。

于 2013-05-08T13:04:11.107 に答える