D3系列06-canvas和SVG的比较

SVG，指可缩放矢量图形（scalable vector graphics)，他是由万维网联盟制定的开放标准，用于绘制二维矢量图形。除了IE8以前的浏览器，绝大部分浏览器都支持它，它使用XML的格式来定义图形，可以直接将SVG文本直接放入html中进行显示。它有如下特点：

1.绘制的是矢量图，图像放大不会失真。

2.基于xml，可以为每个元素添加js事件。

3.每个图形都是对象，更改对象属性，图形会发生变化。

4.不合适游戏应用。

canvas，是H5中新增标签，利用js来绘制2D图形。它有如下特点：

1.绘制的图形是位图，放大会失真。

2.不支持事件处理器。

3. 能够以png，jpg格式保存图像。

4.适合游戏应用。