共同點：都是有效的圖形工具，對於資料較小的情況下，都很又高的效能，它們都使用 JavaScript 和 HTML；它們都遵守全球資訊網聯合會 (W3C) 標準。
svg優點：
向量圖，不依賴於畫素，無限放大後不會失真。
以dom的形式表示，事件繫結由瀏覽器直接分發到節點上。
svg缺點：
dom形式，涉及到動畫時候需要更新dom，效能較低。
canvas優點：
定製型更強，可以繪製繪製自己想要的東西。
非dom結構形式，用JavaScript進行繪製，涉及到動畫效能較高。
canvas缺點：
事件分發由canvas處理，繪製的內容的事件需要自己做處理。
依賴於畫素，無法高效保真，畫布較大時候效能較低。

canvas渲染較大畫布的時候效能會較低：因為canvas依賴於畫素，在繪製過程中是一個一個畫素去繪製的，當畫布足夠大，畫素點也就會足夠多，那麼想能就會足夠低。