主頁 > 知識庫 > HTML5中Canvas與SVG的畫圖原理比較

HTML5中Canvas與SVG的畫圖原理比較
熱門標簽：高德地圖標注錯誤怎么修改 標準智能外呼系統 平頂山電子地圖標注怎么修改 洛陽市伊川縣地圖標注中心官網 電銷機器人視頻 搜狗星級酒店地圖標注 地圖標注自己去過的地方 會聲會影怎樣做地圖標注效果 江蘇高頻外呼系統線路
canvas 與 SVG都能夠使你在瀏覽器中畫圖，但它們的基本原理不同。
SVG
SVG是一種在XML中描述二維圖形的語言。
SVG是基于XML的，意味著在SVG DOM內每一個元素都是可用的。你可以為每一個元素增加JS事件處理器。
在SVG中，每一個圖形被記作一個對象。如果一個SVG對象的屬性發(fā)生改變，瀏覽器可以自動重新生成圖形。

Canvas
Canvas能夠在fly上畫2D圖形（使用JS）
Canvas能夠按照像素重新生成。

在Canvas中，一旦圖形完成，就會被瀏覽器忘記。如果圖形位置要發(fā)生改變，那么整個屏幕需要重畫，包括圖形覆蓋的對象。

Canvas 和SVG的比較
下表顯示了canvas與SVG的主要不同點：
Canvas          SVG
依賴分辨率      獨立于分辨率
不支持事件處理器 支持事件處理器
弱文本渲染能力 最適合具有大渲染面積的應用（谷歌地圖）
可以保存最終圖片為PNG或者JPG 復雜圖像，重畫變慢（任何使用DOM很多的情況都會變慢）
最適合許多 對象頻繁重畫的圖形游戲        不適合游戲應用

標簽：蚌埠 阿克蘇 常德 廣西 鄂爾多斯 廣東 果洛 松原

巨人網絡通訊聲明：本文標題《HTML5中Canvas與SVG的畫圖原理比較》，本文關鍵詞  HTML5,中,Canvas,與,SVG,的,畫圖,；如發(fā)現本文內容存在版權問題，煩請?zhí)峁┫嚓P信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML5中Canvas與SVG的畫圖原理比較》相關的同類信息！
  • 本頁收集關于HTML5中Canvas與SVG的畫圖原理比較的相關信息資訊供網民參考！
    • 推薦文章