Question

SVG 与 HTML5 的 canvas 各有什么优点，哪个更有前途

Answer 1

SVG 可缩放矢量图形是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。
HTML5 <canvas> 标签用于绘制图像（通过脚本，通常是 JavaScript）。

不过，<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。

getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。

这两者是不同的， 用途不同，不存在哪个更有前途吧

Answer 2

Canvas 和SVG的比较
下表显示了canvas与SVG的主要不同点：

Canvas
依赖分辨率
不支持事件处理器
弱文本渲染能力
可以保存最终图片为PNG或者JPG
最适合许多 对象频繁重画的图形游戏

SVG
独立于分辨率
支持事件处理器
最适合具有大渲染面积的应用（谷歌地图）
复杂图像，重画变慢（任何使用DOM很多的情况都会变慢）
不适合游戏应用