有没有办法将源添加到 svg 元素

Question

我正在寻找类似的东西：

<img src="./img.svg"/>

但带有svg元素。

这是行不通的：

<svg src="./img.svg"></svg>

编辑：

问题是我有两种情况，第一种情况是 svg 的路径，第二种情况是字符串中的 svg 内容。我想对它们使用相同的包装元素，以便更轻松地设计样式，而不是同时使用 img 和 svg 元素。有没有办法同时使用 img 或 svg 元素？

Answer 1

SVG 不使用源，因为它们在标签内包含图形信息而不是引用文件。这段代码：

<svg src="./img.svg"></svg>

是多余的，因为您正在引用带有 SVG 标签的 SVG 文件，因此它不会以 HTML 形式呈现。您应该将 < img > 标签与 .svg 文件一起用作源文件，或者将 SVG 转换为包含图形信息的 < svg > 标签。

如果使用 CSS 缩放 <img> 标签，它将表现得像 SVG。我主要使用这种格式：

<img src="./img.svg"></img>

如果我只是调整图像大小。如果你想对图像的矢量（颜色、路径等）进行特定的样式设置，我会使用 < svg >