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

canvas其实本质控制的是渲染，不管里面如何复杂，每一次改变画布都需要重新渲染，而svg不需要，所以两者就很能凸显各自用途，比如canvas的渲染特效不需要复杂的层叠运算，只需要输出最终的渲染结果，所以效率好，而svg只是用于描述二维矢量图形的一种图形格式，保真度较高 ，所以谷歌地图百度地图都会用到，canvas控制的是像素块，svg是矢量信息。两者概念你可以类比位图和矢量图的概念，位图存的是像素块，矢量图存的是路径，canvas是输出渲染像素块，svg是输出矢量路径，其它区别都是围绕这个展开的！

（1）HTML5支持SVG，画布和其他虚拟矢量图形，而在HTML中，只有将它与Flash，Silver-light等不同技术结合在一起才能使用矢量图形。

（2）HTML5使用Web SQL数据库，可用于临时存储数据但在HTML中只有浏览器缓存才可用于此目的。

（3）HTML5支持新的表单控件，例如：日期和时间，电子邮件，数字，范围，电话，网址，搜索等。

（4）HTML 5是否允许音频和视频控件以及标签，HTML不允许音频<audio>和video <video>标签。

（5）在HTML 5中，Doctype声明非常简单易用，Doctype声明在HTML中太长且复杂

（6）charset，async和ping的属性是HTML 5的一部分，HTML中不存在charset，async和ping等属性

（7）增强了对Web应用程序功能的支持：在HTML5允许浏览器作为应用程序平台运行不需要使用任何基于JS或Flash的方法，因为HTML5中固有的元素提供了所有功能。

（8）新增加的<menu>和<menuitem>元素是互动元素规格的成分，但不经常使用或开发者社区津津乐道。但是，这两个项目可用于确保增强的Web交互<menu>性。为简单起见，标签用于表示移动和桌面应用程序中的菜单命令。

---