指定した正方形内の任意の画像を自動トリミングして中央に配置するにはどうすればよいですか?

任意の画像の自動トリミングと中央揃え

寸法が不明な画像が与えられた場合、中心から正方形を切り取って指定された正方形内に表示するタスクには、動的なソリューションです。

背景の使用画像

1 つの方法では、必要な切り抜き寸法にサイズ設定された要素内の中央に配置された背景画像を使用します。

.center-cropped {
  width: 100px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
}

<div>

この方法では、背景を自動的に拡大縮小して配置する CSS の機能を利用します。元の画像のサイズに関係なく、画像が中央に配置され、指定された寸法内で切り取られるようにします。

以上が指定した正方形内の任意の画像を自動トリミングして中央に配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。