站長資訊網
        最全最豐富的資訊網站

        html5畫布和svg的不同有哪些

        不同點:1、畫布依賴分辨率,而SVG不依賴分辨率;2、畫布不支持事件處理器,SVG支持事件處理器;3、畫布適合圖像密集型的游戲應用,SVG不適合游戲應用;4、svg是通過XML定義的,而Canvas是通過javascript定義的。

        html5畫布和svg的不同有哪些

        本教程操作環境:windows7系統、HTML5版、Dell G3電腦。

        Canvas(畫布)是Javascript進行繪圖的,是逐像素繪圖。Canvas一旦圖象繪制完成,就于瀏覽器無關了,圖象的位置發生變化,整個場景都需要重新重新繪制,包括已經被覆蓋的元素。

        svg是使用xml繪制,可以為svg添加javascript的事件處理器。所有的DOM都是可用的,屬性發生變化,瀏覽器會自動重新繪制。

        SVG和Canvas的不同:

        Canvas(畫布)

        • 依賴分辨率

        • 不支持事件處理器

        • 弱的文本渲染能力

        • 能夠以 .png 或 .jpg 格式保存結果圖像

        • 最適合圖像密集型的游戲,其中的許多對象會被頻繁重繪

        • Canvas是通過javascript定義的。

        SVG

        • 不依賴分辨率

        • 支持事件處理器

        • 最適合帶有大型渲染區域的應用程序(比如谷歌地圖)

        • 復雜度高會減慢渲染速度(任何過度使用 DOM 的應用都不快)

        • 不適合游戲應用

        • svg是通過XML定義的

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 91精品国产综合久久婷婷| 精品欧洲av无码一区二区三区 | 99久久婷婷国产综合精品草原 | 久99久无码精品视频免费播放 | 国产精品揄拍100视频| 欧美日韩精品一区二区视频| 四虎国产精品永久地址99新强| 精品久久久久久亚洲精品| 亚洲欧美精品一区久久中文字幕| 国产亚洲精品高清在线| 亚洲色图国产精品| HEYZO无码综合国产精品227| 亚洲精品tv久久久久久久久| 欧美日韩国产中文精品字幕自在自线 | 日韩精品无码中文字幕一区二区| 久热精品人妻视频| 国产精品内射久久久久欢欢 | 桃花岛精品亚洲国产成人 | 97精品国产91久久久久久| 久久国产乱子伦免费精品| 亚洲精品国产品国语在线| 亚洲av无码成人精品区在线播放| 欧美日韩精品系列一区二区三区国产一区二区精品 | 精品视频在线免费观看| 99精品高清视频一区二区| 精品国产AV一区二区三区| 精品无码国产一区二区三区AV| 无码精品人妻一区二区三区人妻斩 | 8AV国产精品爽爽ⅴa在线观看| 亚洲精品国产av成拍色拍| 午夜成人精品福利网站在线观看 | 无码人妻精品一区二区三区久久| 亚洲精品动漫免费二区| 亚欧无码精品无码有性视频| 日本精品一区二区三区在线视频| 久久国产精品免费一区二区三区 | 久草视频在线这里精品| 麻豆精品久久精品色综合| 色综合久久综精品| 777被窝午夜精品影院| 国产精品成人免费观看|