Canvas 與 SVG的差異與使用時機

canvas:

1. 點陣圖形


2. 屬較SVG低階的API，較適合綑綁鍵盤事件


3. 善於調整像素


4. 圖形畫好就定了位置，要製作動畫效果必須新畫一張圖，並且把舊的圖形給消滅，來達到動畫效果

SVG:

1. 向量圖形


2. 會維持樹狀結構，適合綑綁滑鼠事件


3. 善於縮放處理，適合拿來做動畫