HTML5之SVG 2D入门7—SVG元素的重用与引用_html5教程技巧

作者：匿名字体：[增加减小] 来源：互联网时间：2018-12-03

本文主要包含SVG,2D,重用,引用等相关知识,匿名希望在学习及工作中可以帮助到您

前面介绍了很多的图形元素，如果很多图形本身是一样的，需要每次都去定义一个新的么？我们能否共用一些图形呢？这是这节的重点-SVG元素的重用。

组合-g元素
g元素是一种容器，它组合一组相关的图形元素成为一个整体；这样，我们就可以对这个整体进行操作。这个元素通常可以和desc和title元素配合使用，提供文档的结构信息。结构良好的文档通常可读性和渲染效率都不错。看一个小例子：

官方文档：http://www.w3.org/TR/SVG11/