canvas 與 SVG都能夠使你在浏覽器中畫圖，但它們的基本原理不同。
SVG SVG是一種在XML中描述二維圖形的語言。
SVG是基於XML的，意味著在SVG DOM內每一個元素都是可用的。你可以為每一個元素增加JS事件處理器。
在SVG中，每一個圖形被記作一個對象。如果一個SVG對象的屬性發生改變，浏覽器可以自動重新生成圖形。
Canvas Canvas能夠在fly上畫2D圖形（使用JS）
Canvas能夠按照像素重新生成。
在Canvas中，一旦圖形完成，就會被浏覽器忘記。如果圖形位置要發生改變，那麼整個屏幕需要重畫，包括圖形覆蓋的對象。
Canvas 和SVG的比較 下表顯示了canvas與SVG的主要不同點：
Canvas
SVG
依賴分辨率
獨立於分辨率
不支持事件處理器
支持事件處理器
弱文本渲染能力
最適合具有大渲染面積的應用（谷歌地圖）
可以保存最終圖片為PNG或者JPG
復雜圖像，重畫變慢（任何使用DOM很多的情況都會變慢）
最適合許多 對象頻繁重畫的圖形游戲
不適合游戲應用