美文网首页
svg symbol

svg symbol

作者: jrg陈咪咪sunny | 来源:发表于2019-07-08 00:22 被阅读0次

    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>
    

    相关文章

      网友评论

          本文标题:svg symbol

          本文链接:https://www.haomeiwen.com/subject/slpwhctx.html