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>
上一篇下一篇

猜你喜欢

热点阅读