锐客网

  1. 首页 > 睿知 > it技术 > >

SVG symbol元素用法详解

svgIT知识

SVG < symbol> 元素定义可重复使用的符号。除非被< use> 元素引用, 否则嵌套在< symbol> 内的形状不会显示在屏幕上。
例子

< !DOCTYPE html> < html> < body> < svg width="450" height="450"> < symbol id="shape1"> < circle cx="40" cy="40" r="40" /> < /symbol> < use xlink:href="http://www.srcmini.com/#shape1" x="50" y="30" /> < /svg> < /body> < /html>

【SVG symbol元素用法详解】立即测试
解释
  • < symbol> 的id属性定义了符号的唯一名称。
  • id属性是< symbol> 元素所必需的, 因此以后可以由< use> 元素引用。

    推荐阅读


    上一篇：SVG defs元素用法详解

    下一篇：SVG文字介绍和用法详解