Question

我有一个带有一些代码的.svg文件。
如果我只是将代码放在带有<svg>标记的HTML中，那么它可以正常工作问题是我的.svg中有很多代码，我不想把所有代码放在我的HTML中。所以我制作了一个.svg文件并尝试链接它，但它似乎没有链接有谁知道我应该如何将.svg文件链接到HTML文件？

Answer 1

最简单（也可能是最正确）的方法是简单地将您的SVG文件作为 src 放在<img>标记中，就好像它是任何其他格式一样。

请记住this might not work in some older browsers（这是SVG的常见问题，而不仅仅是在 img 标记中使用它。）

另一种选择是在<object>标记中使用它，如seen in this article（这也打破了两个选项和两者的缺点）：

<object type="image/svg+xml" data="kiwi.svg" class="logo">
  Kiwi Logo <!-- fallback image in CSS -->
</object>

在这种情况下，您保留了使用CSS影响SVG部分的能力 - 这可能是您想要的也可能不是。

Answer 2

例如，你可以使用：

<object type="image/svg+xml" data="image.svg">Your browser does not support SVG</object>

Answer 3

我通常会在使用<img src="link to svg file" />

中使用它