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()等方法繼續建立元素。至關於在一個容器裏繼續建立一個子容器，執行代碼的結果就是在圖形外包裹着一個連接。