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