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

首頁 > 編程 > HTML > 正文

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

2024-08-26 00:16:09
字體:
來源:轉載
供稿:網友

點評:canvas 與 SVG都能夠使你在瀏覽器中畫圖,但它們的基本原理不同,接下來將對canvas 與 SVG的畫圖原理進行介紹,感興趣的朋友可以了解下

canvas 與 SVG都能夠使你在瀏覽器中畫圖,但它們的基本原理不同。
SVG
SVG是一種在XML中描述二維圖形的語言。
SVG是基于XML的,意味著在SVG DOM內每一個元素都是可用的。你可以為每一個元素增加JS事件處理器。
在SVG中,每一個圖形被記作一個對象。如果一個SVG對象的屬性發生改變,瀏覽器可以自動重新生成圖形。

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

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

Canvas 和SVG的比較
下表顯示了canvas與SVG的主要不同點:

Canvas         SVG

依賴分辨率     獨立于分辨率

不支持事件處理器支持事件處理器

弱文本渲染能力最適合具有大渲染面積的應用(谷歌地圖)

可以保存最終圖片為PNG或者JPG復雜圖像,重畫變慢(任何使用DOM很多的情況都會變慢)

最適合許多 對象頻繁重畫的圖形游戲       不適合游戲應用


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 横山县| 辽阳县| 福泉市| 天气| 宜城市| 岢岚县| 满城县| 抚顺市| 双峰县| 沁阳市| 上杭县| 城步| 台东县| 晴隆县| 庐江县| 东乌| 大冶市| 武乡县| 菏泽市| 紫金县| 久治县| 通道| 泾阳县| 新和县| 阜新| 永顺县| 呼和浩特市| 车险| 从江县| 沐川县| 明溪县| 梁河县| 南昌市| 高邑县| 屯昌县| 东乡族自治县| 云龙县| 罗定市| 图们市| 屯昌县| 宣城市|