canvas和svg区别

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.youkuaiyun.com/helloword_chen/article/details/49788309