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