国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > HTML5 > 正文

HTML5中Canvas與SVG的畫圖原理比較

2024-09-05 07:20:06
字體：大 中 小
供稿：網(wǎng)友
canvas 與 SVG都能夠使你在瀏覽器中畫圖，但它們的基本原理不同。
SVG
SVG是一種在XML中描述二維圖形的語言。
SVG是基于XML的，意味著在SVG DOM內(nèi)每一個(gè)元素都是可用的。你可以為每一個(gè)元素增加JS事件處理器。
在SVG中，每一個(gè)圖形被記作一個(gè)對(duì)象。如果一個(gè)SVG對(duì)象的屬性發(fā)生改變，瀏覽器可以自動(dòng)重新生成圖形。

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

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

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

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 军事| 晋中市| 顺平县| 枣强县| 项城市| 甘南县| 丹阳市| 盐边县| 新乡县| 崇文区| 河南省| 仁布县| 新昌县| 涡阳县| 鹰潭市| 霞浦县| 虞城县| 即墨市| 临海市| 邢台市| 科技| 邓州市| 富锦市| 康乐县| 平原县| 盐源县| 海丰县| 墨江| 清远市| 炎陵县| 阿坝县| 莫力| 栖霞市| 平湖市| 东源县| 普陀区| 会理县| 故城县| 北安市| 白沙| 仪征市|