d3js 画布 概念

HTML 5 提供两种强有力的“画布”：SVG 和 Canvas。

SVG 有如下特点：

• SVG 绘制的是矢量图，因此对图像进行放大不会失真。
• 基于 XML，可以为每个元素添加 JavaScript 事件处理器。
• 每个图形均视为对象，更改对象的属性，图形也会改变。
• 不适合游戏应用。

Canvas 有如下特点：

• 绘制的是位图，图像放大后会失真。
• 不支持事件处理器。
• 能够以 .png 或 .jpg 格式保存图像
• 适合游戏应用