<canvas>是一个新的HTML元素，这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。右面的图象展示了一些<canvas>的应用示例，我们将会在此教程中看到他们的实现。
<canvas>最先在苹果公司(Apple)的Mac OS X Dashboard上被引入，而后被应用于Safari。基于Gecko1.8的浏览器，例如Firefox 1.5，也支持这个新元素。元素<canvas>是WhatWG Web applications 1.0也就是大家都知道的HTML 5标准规范的一部分。
SVG 是Scalable Vector Graphics（可伸缩矢量图形）的首字母缩写，是一种XML语言的矢量图形格式。svg图形非常灵活，可以是静态的，可以是动态的，也可以进行交互或 者动画。svg图形的样式可以通过CSS指定，其动态行为可以利用svg DOM或者javascript实现。此外svg文件中的文字是可以被读取的（这一点对于搜索引擎的优化很有意义）。在html页面中插入svg图形也非常简单。
Canvas与SVG是两种截然不同的在浏览器中呈现丰富图像信息的网络技术，如何在 SVG 和 Canvas 之间进行选择。
本文给出了一些相关资料，里面分析的已经很详细了：
http://technet.microsoft.com/zh-cn/library/gg193983%28v=vs.85%29.aspx
http://blogs.msdn.com/b/weizhong/archive/2011/07/16/canvas-svg.aspx
http://hi.baidu.com/ulquiorra_sifo/item/10db350e7faf0dd42f4c6b52
Canvas教程： https://developer.mozilla.org/zh-CN/docs/Canvas_tutorial