Canvas 和 SVG 之間的主要相似點為:
它們都是有效的圖形工具,可用來快速創建在網頁中顯示的輕型圖形;它們都使用 JavaScript 和 HTML;它們都遵守萬維網聯合會 (W3C) 標准。
這兩種技術之間的主要區別是:
Canvas 是基於像素的即時模式圖形系統,最適合較小的表面或較大數量的對象,canvas不支持鼠標鍵盤等事件
SVG 是基於形狀的保留模式圖形系統,更加適合較大的表面或較小數量的對象。Canvas 和 SVG 在修改方式上還存在着不同。繪制 Canvas 對象后,不能使用腳本和 CSS 對它進行修改。
但是,因為 SVG 對象是文檔對象模型的一部分,所以可以隨時使用腳本和 CSS 修改它們。