小編給大家分享一下HTML5中Canvas與SVG的畫圖原理有什么區(qū)別，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比樂業(yè)網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式樂業(yè)網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋樂業(yè)地區(qū)。費(fèi)用合理售后完善，十多年實(shí)體公司更值得信賴。
canvas 與 SVG都能夠使你在瀏覽器中畫圖，但它們的基本原理不同。
SVG
SVG是一種在XML中描述二維圖形的語言。
SVG是基于XML的，意味著在SVG DOM內(nèi)每一個(gè)元素都是可用的。你可以為每一個(gè)元素增加JS事件處理器。
在SVG中，每一個(gè)圖形被記作一個(gè)對象。如果一個(gè)SVG對象的屬性發(fā)生改變，瀏覽器可以自動重新生成圖形。
Canvas
Canvas能夠在fly上畫2D圖形（使用JS）
Canvas能夠按照像素重新生成。
在Canvas中，一旦圖形完成，就會被瀏覽器忘記。如果圖形位置要發(fā)生改變，那么整個(gè)屏幕需要重畫，包括圖形覆蓋的對象。
Canvas 和SVG的比較
下表顯示了canvas與SVG的主要不同點(diǎn)：
| Canvas | SVG |
| 依賴分辨率 | 獨(dú)立于分辨率 |
| 不支持事件處理器 | 支持事件處理器 |
| 弱文本渲染能力 | 最適合具有大渲染面積的應(yīng)用（谷歌地圖） |
| 可以保存最終圖片為PNG或者JPG | 復(fù)雜圖像，重畫變慢（任何使用DOM很多的情況都會變慢） |
| 最適合許多 對象頻繁重畫的圖形游戲 | 不適合游戲應(yīng)用 |
以上是“HTML5中Canvas與SVG的畫圖原理有什么區(qū)別”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
重慶分公司
重慶分公司
