国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 青岛市| 鹤山市| 亚东县| 金溪县| 阜康市| 南充市| 林甸县| 永嘉县| 松溪县| 石阡县| 万宁市| 东阿县| 资溪县| 涟源市| 顺平县| 桦川县| 通化县| 鸡西市| 轮台县| 临澧县| 运城市| 肇东市| 宾川县| 胶州市| 洪泽县| 关岭| 淮安市| 四会市| 屯留县| 图片| 孟村| 和林格尔县| 娄底市| 江陵县| 鄂尔多斯市| 财经| 临城县| 平利县| 庄河市| 格尔木市| 襄汾县|