1.canvas是html5提供的新元素<canvas>
svg并不是html5专有的标签，最初svg是用xml技术（超文本扩展语言，可以自定义标签或属性）描述二维图形的语言。
2.canvas可以看做是一个画布，其绘制出来的图形为标量图
svg所绘制的图形为矢量图，（百度地图就是用svg技术做出来的）
3.从技术发面来讲canvas里面绘制的图形不能被引擎抓取，
svg里面的图形可以被引擎抓取，支持事件的绑定，
4.canvas中我们绘制图形通常是通过javascript来实现，
svg更多的是通过标签来来实现，如在svg中绘制正矩形形就要用<rect>
介绍一个svg的js库：TWO.JS。其中包含two.js和three.js前者用于绘制二维图形，后者用于绘制三维图形。TWO.JS可以支持三种格式，svg（默认）、canvas、和WEBGL。当然也可以在普通div中引入。
转载：https://blog.csdn.net/helloword_chen/article/details/49788309