SVG.js 笔记（二）

容器

对容器的理解比较晦涩，看的时候真实一脸懵逼。这里就先简单的看一遍，翻译下

SVG.Parent

SVG.Parent 类是所有元素的容器。SVG.Parent直接继承于SVG.Element，而SVG.Container继承于SVG.Parent。可以在SVG.Container上添加自定义方法，保持SVG.Parent的原型链的干净。

总的继承关系是SVG.Element>SVG.Parent>SVG.Container>SVG.Doc

使用SVG()方法创建一个svg根节点，并返回一个SVG.Doc的实例。多次使用SVG初始化，只会显示第一个初始化的svg节点

SVG.Nested（嵌套）

创建嵌套的SVG，嵌套的svg文档对象和主svg拥有相同的操作方法和属性。

SVG.G（分组）

将多个元素当做一个元素来处理，所有的子元素相对于分组的位置保持不变。分组的大小是不可见的，它的大小由它所包含的内容大小决定。所以，分组没有x, y, width, height属性，如果需要获取和设置，使用nested()

SVG.Symbol

symbol元素是一个容器，不同于groups，symbol不会被渲染成实际的元素

SVG.A 创建超链接

在可视化区域、元素上创建一个超链接。因为SVG.A继承自SVG.Container，所以调用link()后可以链式调用rect()等方法继续创建元素。相当于在一个容器里继续创建一个子容器，执行代码的结果就是在图形外包裹着一个链接。