html - 如何使用 HTML 增加 SVG 文件的大小

Question

我用 Inkscape 创建了一个 SVG 图像，但我无法使用 HTML 使它更大
SVG是在HTML之外创建的，而不是在HTML代码本身中，我没有使用
<SVG> 标签
我使用了一个 <img> 标签

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

Answer 1

您应该能够像对任何其他图像一样设置它的样式。所以这样的事情应该有效：

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

Answer 2

步骤 1) 在页面上制作 SVG 元素——无论你嵌入了它，无论是 inline 、<svg>还是——你想要它的大小。<img><object><embed>

步骤 2) 在 SVG 元素上设置viewBox属性以定义应缩放的内容区域以填充空间。