4

指定された幅と高さを持つ image.scgz という svgz 画像があります。

幅120pxで縦横比を保ったサムネイル画像を作りたいと思います。

クロムでは、書くだけです<img src="image.svgz" style="width:120px;" />

ただし、9 と 10 では機能しません。

  • まず<img src="image.svgz" style="max-width:120px;" />、幅を拡大縮小するために書く必要があり、ロジックがわかりません。

  • 第二に、アスペクト比が維持されていません

preserveAspectRatiobalise svg の属性を使用した解決策を見てきましたが、画像ファイルを変更したくありません。

4

1 に答える 1

1

SVG 要素は、html要素がサポートしていないpreserveAspectRatio および viewBox 属性を取ることができるため、HTML 要素<image>ではなくSVG 要素を使用する必要があります。<img><image><img>

于 2013-11-03T14:11:54.370 に答える