Canvas是什么意思？Canvas 與 SVG的區別
Canvas是什么意思？
HTML5 的 canvas 元素使用 JavaScript 在網頁上繪制圖像。畫布是一個矩形區域，您可以控制其每一像素。canvas 擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法
Canvas 通過 JavaScript 來繪制 2D圖形。Canvas 是逐像素進行渲染的。開發者可以通過javascript腳本實現任意繪圖。
在canvas 中，一旦圖形被繪制完成，它就不會繼續得到瀏覽器的關注。如果其位置發生變化，那么整個場景也需要重新繪制，包括任何或許已被圖形覆蓋的對象
canvas 元素用于在網頁上繪制圖形。HTML5 的 canvas 元素使用 JavaScript 在網頁上繪制2D圖像。
在矩形區域的畫布上，控制其每一像素，JavaScript 來繪制 2D圖形，逐像素進行渲染。可以通過多種方法使用canvas 元素繪制路徑、矩形、圓形、字符以及添加圖像。
Canvas 與 SVG的區別
| Canvas | VS | SVG |
| 依賴分辨率 | 不依賴分辨率 | |
| 不支持事件處理器 | 支持事件處理器 | |
| 弱的文本渲染能力 | 最適合帶有大型渲染區域的應用程序（如谷歌地圖） | |
| 能夠以 .png 或 .jpg 格式保存結果圖像 |
復雜度高會減慢渲染速度
（任何過度使用DOM?的應用都不快） |
|
| 最適合圖像密集型的游戲，其中的許多對象會被頻繁重繪 | 不適合游戲應用 |