SVG path中的name 属性颜色字体如何更改

Question

SVG 中的name 属性颜色字体如何更改

Answer 1

可以使用use来完成，如以下示例，是设置 SVG 符号图标：

内嵌的 SVG 的问题在于它们的冗余。你肯定不想在每次使用同一个图标时复制粘贴所有的坐标。这显得笨拙，可读性差，难以维护。

使用 SVG 符号图标，你只要复制整个 SVG 元素一次，然后你就可以用一个引用在任何地方实例化它们。
从内嵌 SVG 开始，隐藏它，并用一个 包裹，然后加上 id 属性：


my-first-icon



一次包含完整的 SVG 标记并隐藏在 HTML 里。

然后，只要用 元素来实例化这个图标就行了：