html - HTML で SVG ファイルのサイズを大きくする方法

Question

Inkscape で SVG 画像を作成しましたが、HTML を使用してそれを大きくすることはできません
SVGは、HTMLコード自体ではなく、 HTMLの外側で作成されました。 < SVG > タグ を使用しませんでした < img > タグを使用しました

<img src='images/picture.svg' \/>

Answer 1

ステップ 1) ページ上に SVG 要素を作成します — インライン<svg>、<img>、<object>または<embed>— 希望するサイズにします。

ステップ 2) SVG 要素のviewBox属性を設定して、スペースを埋めるためにどのコンテンツ領域を拡大縮小するかを定義します。

Answer 2

他の画像と同じようにスタイルを設定できるはずです。したがって、次のようなものが機能するはずです。

img {
  height: 100px;
  width: 100px;
}