国产探花免费观看_亚洲丰满少妇自慰呻吟_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很多的情況都會變慢)

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


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 富蕴县| 邵武市| 宜兰县| 固安县| 安徽省| 凤冈县| 彰化县| 通许县| 虹口区| 镇赉县| 自治县| 锡林郭勒盟| 郸城县| 合江县| 玛纳斯县| 靖宇县| 股票| 双城市| 平山县| 岳池县| 盐源县| 增城市| 疏勒县| 古交市| 盐池县| 涪陵区| 汉中市| 河池市| 甘孜| 普兰店市| 遂川县| 讷河市| 万安县| 抚州市| 亳州市| 潜山县| 武安市| 通河县| 阿拉尔市| 利津县| 峡江县|