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

首頁(yè) > 編程 > HTML > 正文

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

2024-08-26 00:14:57
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友
canvas 與 SVG都能夠使你在瀏覽器中畫圖，但它們的基本原理不同。
SVG
SVG是一種在XML中描述二維圖形的語(yǔ)言。
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ā)表
主站蜘蛛池模板： 富锦市| 招远市| 仪陇县| 林甸县| 高陵县| 镇江市| 台中县| 阳城县| 永昌县| 泸定县| 安顺市| 壤塘县| 玉溪市| 楚雄市| 习水县| 柞水县| 历史| 隆林| 佳木斯市| 济宁市| 新密市| 唐河县| 长汀县| 涞源县| 垫江县| 开江县| 通许县| 伊宁市| 丹江口市| 铜山县| 道孚县| 神池县| 娄烦县| 玛多县| 封开县| 昌平区| 红桥区| 拉萨市| 宁陕县| 天水市| 普定县|