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

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

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

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

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


my-first-icon



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

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