SVG(Scalable VecTor Graphics,可缩放矢量图形)是基于XML、用于描述二维矢量图形的一种图形格式。SVG由W3C制定,是一个开放标准。
SVG.js中包含了大量用于定义动画的方法,如移动、缩放、旋转、倾斜等,具体可参阅相关演示。
SVG.js中的一些亮点:
- 易读的简洁的语法
- 非常轻量,gzip压缩版只有5k
- 针对大小、位置、颜色等的动画元素
- 模块化结构,轻松扩展
- 各种实用插件
- 各种形状类型间拥有统一的API.
- 元素可以绑定事件,包括触摸事件
- 完全支持不透明蒙版
- 元素组
- 动态渐变
- 填充模式
- 完整的文档记录