[Back To Basic] HTML5 - canvas vs SVG

SVG

• 2D
• 基於XML描述(每個元素[elements]都有DOM)
• 位置改變時不須重劃，瀏覽器會自動重新計算並渲染
• 適合有大區塊的應用(e.g. google map)
• 支持javascript事件處理
• 不適合遊戲應用

canvas

• 2D
• javascript
• 位置改變時必須重劃
• 不支持javascript事件處理
• 可以存成.jpg或.png
• 適合遊戲應用