長方形の枠内でJPG/PNG画像を整列する

Question

<の画像>要素を使用して、<の矩形内にラスタ画像を配置すると、>の要素になります。これは正常に動作しますが、一般的なケースではラスターイメージの縦横比はわかりません。 SVGが矩形領域の範囲内に収まるように拡大縮小すると、それらは（アスペクトが保存されていると仮定すると）中央と中央に整列するように見えます。私は実際にそれらをトップとセンターに整列させたいが、これを行う正しい方法を見つけることができないようだ。

Answer 1

<image>要素にpreserveAspectRatio="xMidYMin meet"を追加します。