如何修改作为 img 标签的 svg 的视图框

【问题标题】：how to modify viewbox of an svg that is an img tag如何修改作为 img 标签的 svg 的视图框
【发布时间】：2018-02-19 09:43:14
【问题描述】：

我在 img 标签 <img src="image1.svg"> 中有一个 svg 图像。如何在不更改 svg 文件本身的情况下修改 css 中的 viewbox 属性？

【问题讨论】：

标签： css svg

【解决方案1】：

你不能用 CSS 来做到这一点，但你可以通过 SVG fragment identifier 在标记中设置 viewBox，这意味着将 #svgView(viewBox(x,y,w,h)) 添加到图像 URL 中，其中 x, y,w,h 是您的 viewBox 值。例如

<img src="image1.svg#svgView(viewBox(0,0,100,100))">

【讨论】：