SVG，指可缩放矢量图形（Scalable Vector Graphics），是用于描述二维矢量图形的一种图形格式，是由万维网联盟制定的开放标准。SVG 使用 XML 格式来定义图形，除了 IE8 之前的版本外，绝大部分浏览器都支持 SVG，可将 SVG 文本直接嵌入 HTML 中显示。

SVG 有如下特点：

SVG 绘制的是矢量图，因此对图像进行放大不会失真。

基于 XML，可以为每个元素添加 JavaScript 事件处理器。

每个图形均视为对象，更改对象的属性，图形也会改变。

不适合游戏应用。

SVG 画布的预定义元素里，有六种基本图形：

矩形 <rect>

圆形 <circle>

椭圆 <ellipse>

线段 <line>

折线 <polyline>

多边形 <polygon>

另外，还有一种比较特殊，也是功能最强的元素：

路径 <path>

画布中的所有图形，都是由以上七种元素组成。