没有 id 的 SVG 外部引用

Posted 2023-03-04

【中文标题】没有 id 的 SVG 外部引用

【英文标题】：SVG external reference without id

【发布时间】：2018-05-15 16:17:40

【问题描述】：

我有一个简单的 SVG 文件，其内容类似于 (icon.svg):

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
    <path d="..."/>
</svg>

如何在不添加id 属性的情况下为其创建外部引用？比如：

<svg>
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="icon.svg"></use>
</svg>

【问题讨论】：

你不能。您需要添加一个 ID。

谢谢，我认为值得一问，因为无处可寻。

如果你想加载整个文件，你可以通过 加载它。

【参考方案1】：

由于 svg 文件通常很小 - 尤其是一个小图标 - 我总是将它们本地托管在我的 img 文件夹中。我将一个 favicon [用于浏览器选项卡] 放在与 index.html 相同的文件夹中。它只是让在您的服务器空间上托管您自己的 svg 变得更加容易，并且还可以防止在外部主机脱机或删除该文件时发生任何破坏。 ☺ 希望这会有所帮助。