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

我在寻找这样的东西：

但是使用svg元素

这不起作用：

编辑：

---

问题是我有两种情况，第一种是svg的路径，第二种是svg的字符串内容。我想对这两个元素使用相同的包装器元素，以简化样式，而不是同时使用img和svg元素。有没有办法同时使用img或svg元素？

svg不使用源代码，因为它们在标记中包含图形信息，而不是引用文件。此代码：

<image xlink:href="./img.svg" width="..." height="..." />

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

是多余的，因为您正在引用带有SVG标记的SVG文件，所以它不会以HTML呈现。您应该在.svg文件中使用标记作为源，或者将svg转换为包含图形信息的

如果使用CSS缩放标记，它的行为将类似于SVG。我主要使用这种格式：

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

如果我只是调整图像的大小。如果您想针对图像颜色、路径等的向量进行样式设置，我将使用

---

SVG不使用源，因为它们在标记中包含图形信息，而不是引用文件。此代码：

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

是多余的，因为您正在引用带有SVG标记的SVG文件，所以它不会以HTML呈现。您应该在.svg文件中使用标记作为源，或者将svg转换为包含图形信息的

如果使用CSS缩放标记，它的行为将类似于SVG。我主要使用这种格式：

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

如果我只是调整图像的大小。如果您想针对图像颜色、路径等的向量进行样式设置，我将使用

标记可以指向外部文件，但也可以指向

数据URI仅仅是一个图像，它是一个在base64中编码的字符串，或者是一个URI，它几乎是一个字符串，除非您需要将字符编码为%23。基本上是这样的

标记可以指向外部文件，但也可以指向

数据URI仅仅是一个图像，它是一个在base64中编码的字符串，或者是一个URI，它几乎是一个字符串，除非您需要将字符编码为%23。基本上是这样的

---

@RobertLongson我有两种情况，第一种是svg的路径，第二种是svg的字符串内容。我想对这两个元素使用相同的包装器元素，以便于样式设计，而不是同时使用img和svg元素。@RobertLongson这似乎是我问题的解决方案，我将更新问题，如果您使用数据uri发布带有img标记的答案，我将接受您的回答svg@RobertLongson我有两个案子，在第一个示例中，我有一个指向svg的路径，在第二个示例中，我有一个字符串形式的svg内容。我想对这两个元素使用相同的包装器元素，以便于样式设计，而不是同时使用img和svg元素。@RobertLongson这似乎是我问题的解决方案，我将更新问题，如果您使用数据uri和svgI发布带有img标记的答案，我将接受您的回答。我不认为您回答了问题，我正在寻找一个带有源代码而不是图像的svg标记tag@patotoma因为您的问题还不清楚，svg元素应该做什么，img不能做什么。你只是专注于这个问题，而不是解释问题。@RobertLongson你是对的，我会更新我的问题来解释我的问题，而不是寻找解决方案。我不认为你在回答这个问题，我在寻找一个svg标记，带有源代码，而不是图像tag@patotoma因为你的问题不清楚，svg元素应该做什么，而img做不到。你只是专注于这个问题，而不是解释问题。@RobertLongson你是对的，我会更新我的问题来解释我的问题，而不是寻找解决方案