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()等方法继续建立元素。至关于在一个容器里继续建立一个子容器，执行代码的结果就是在图形外包裹着一个连接。