我正在寻找类似的东西:
<img src="./img.svg"/>
但是有一个 svg 元素。
这是行不通的:
<svg src="./img.svg"></svg>
编辑:
问题是我有两种情况,第一种是我有一个 svg 的路径,第二种是我有一个字符串中的 svg 内容。我想对它们使用相同的包装器元素以便更轻松地设置样式,而不是同时使用 img 和 svg 元素。有没有办法同时使用 img 或 svg 元素?
最佳答案
SVG 不使用资源,因为它们在标签中包含图形信息而不是引用文件。这段代码:
<svg src="./img.svg"></svg>
是多余的,因为您引用的是带有 SVG 标签的 SVG 文件,因此它不会以 HTML 呈现。您应该将 < img > 标签与 .svg 文件一起用于源文件,或者将您的 SVG 转换为包含图形信息的 < svg > 标签。
如果您使用 CSS 缩放 < img > 标签,它将表现得像 SVG。我主要使用这种格式:
<img src="./img.svg"></img>
如果我只是调整图像大小。如果您想对图像矢量(颜色、路径等)进行特定样式设置,我会使用
关于html - 有没有办法将源添加到 svg 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46101539/