什么是SVG？

SVG 指可伸缩矢量图形 (Scalable Vector Graphics)

SVG 用来定义用于网络的基于矢量的图形

SVG 使用 XML 格式定义图形

SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失

SVG 是万维网联盟的标准

SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体

简介：

SVG.js是一个轻量级的JavaScript库，允许你轻松操作SVG和定义动画。

SVG（Scalable Vector Graphics，可缩放矢量图形）是基于XML、用于描述二维矢量图形的一种图形格式。SVG由W3C制定，是一个开放标准。

SVG.js中包含了大量用于定义动画的方法，如移动、缩放、旋转、倾斜等，具体可参阅相关演示。

SVG.js中的一些亮点：

•易读的简洁的语法

•非常轻量，gzip压缩版只有5k

•针对大小、位置、颜色等的动画元素

•模块化结构，轻松扩展

•各种实用插件

•各种形状类型间拥有统一的API.

•元素可以绑定事件，包括触摸事件

•完全支持不透明蒙版

•元素组

•动态渐变

•填充模式

•完整的文档记录

使用说明：

创建一个SVG文档

使用SVG()函数来在一个给定的html元素中创建一个SVG文档：

其中SVG()中的参数可以使一个元素的id或者元素本身。

以上两句将在html文档中产生以下代码：