html - 更改 HTML 中 svg 的纵横比

Question

使用 HTML 和 CSS，如何在不保持纵横比的情况下更改 SVG 的大小（使用标签<img />获取 svg 文件） ？

Answer 1

只需添加preserveAspectRatio="none"到<svg>根元素。或者，如果您愿意，可以在链接到 img 时覆盖它，就像在这个示例中一样，通过使用如下链接：

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

对于一个实时示例，试试这个并调整浏览器窗口的大小。