svg symbol
2019-07-08 本文已影响0人
jrg陈咪咪sunny
https://developer.mozilla.org/zh-CN/docs/Web/SVG/Element/symbol
symbol
元素用来定义一个图形模板对象,它可以用一个<use>
元素实例化。symbol
元素对图形的作用是在同一文档中多次使用,添加结构和语义。结构丰富的文档可以更生动地呈现出来,类似讲演稿或盲文,从而提升了可访问性。注意,一个symbol
元素本身是不呈现的。只有symbol
元素的实例(亦即,一个引用了symbol
的 <use>
元素)才能呈现。
<svg class="icon">
<use :xlink:href="`#icon-${item.icon}`"></use>
</svg>