html - 如何在 HTML 文件中包含带有 SVG defs 的外部文件

如果我有一个简单的 HTML 文件，我可以使用<use xlink:href="svg_defs.svg#shape1" x="10" y="10" />从外部文件中包含 shape1 的 SVG 定义svg_defs.svg。

但是如果我的 HTML 文件不是一个简单的文件并且它有大量的<use ...>标签，如果我希望我的网站结构灵活怎么办？

（这意味着我可能会在以后决定移动svg_defs.svg文件，并且我不想去对所有引用进行全局搜索和替换。我svg_defs.svg希望能够仅在一个地方进行更改，即文件位置. 如果这是可能的。）

有没有办法包含svg_defs.svg 文件（如<script type="text/javascript" src="myScript.js"/></script>命令），或在某处定义路径（类似于 CSS 机制：） var(--color);并只使用一次？

标签： htmlsvg

所以我认为你必须在代码的第一部分添加：

<base href=""/> <!-- Inside the "" you have to put the link that has the svg file -->