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

  • 相关阅读:
    history对象 back() forward() go() 和pushState() replaceState()
    计算机组成原理 常用名词解释
    Angular之 Scope和 Directive
    Angular1.x DirtyChecking(脏值检查) $watch, $apply, $digest
    ES6 之 let和const命令 Symbol Promise对象
    Angular1.x 基础总结
    Node.js 常用 API
    前端自动化和前端开发环境
    CSS3入门
    HTML5入门总结 HTML5API
  • 原文地址:https://www.cnblogs.com/zhang-jian/p/8892853.html
Copyright © 2020-2023  润新知