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

原文地址:https://www.cnblogs.com/zhang-jian/p/8892853.html