在HTML中更改svg的宽高比

Question

使用HTML和CSS，如何更改SVG 的大小（使用<img />标签获取svg文件） 无保持宽高比？

Answer 1

只需将preserveAspectRatio="none"添加到<svg>根元素即可。或者如果你想要，你可以在链接到img时覆盖它，就像在this example中一样，使用这样的链接：

<img src="your.svg#svgView(preserveAspectRatio(none))" />

对于实例，请尝试this并调整浏览器窗口的大小。