最高效的WEB程序员学习网站
SVG手册 HTML5手册
 

SVG <g>


<g>标记就是‘group’的简写,是用来分组用的,它能把多个元素放在一组里,对<g>标记实施的样式和渲染会作用到这个分组内的所有元素上。组内的所有元素都会继承<g>标记上的所有属性。用<g>定义的分组还可以使用<use>进行复制使用。


SVG <symbol>


这个<symbol>标记的作用是定义一个图像模板,你可以使用<use>标记实例化它,然后在SVG文档中反复使用,这种用法非常的高效。<symbol>本身不会输出任何图像,只有使用<use>实例化后才会显示。


SVG <use>


<use>标记的作用是能从SVG文档内部取出一个节点,克隆它,并把它输出到别处。跟‘引用’很相似,但它是深度克隆。