html - 有没有办法将源添加到 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>

如果我只是调整图像大小。如果您想对图像矢量(颜色、路径等)进行特定样式设置，我会使用

https://www.w3schools.com/html/html5_svg.asp