html - 更改 HTML 中 svg 的纵横比

Question

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

Answer 1

只需添加 preserveAspectRatio="none"到 <svg>根元素。或者，如果您愿意，可以在链接到 img 时覆盖它，例如 this example ，通过使用这样的链接:

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

举个例子，试试 this并调整浏览器窗口的大小。