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

        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號
        主站蜘蛛池模板: 国产一区二区精品尤物| 亚洲一区无码精品色| 老子影院午夜精品无码| 成人区人妻精品一区二区不卡视频 | 久久久久久国产精品无码超碰| 国产精品午夜久久| 久久精品草草草| 国内精品久久久久影院日本| 无码人妻一区二区三区精品视频 | 99久久精品费精品国产一区二区| 亚洲精品无码永久中文字幕| 精品欧美一区二区三区久久久| 青草青草久热精品视频在线网站 | 久久精品无码一区二区三区日韩| 国产高清在线精品一本大道| 99久久这里只有精品| 精品性影院一区二区三区内射| 亚洲欧美精品综合中文字幕 | 精品国产_亚洲人成在线高清| 久久精品国产99久久久| 亚洲精品国产精品乱码不卡√ | 精品a在线观看| 国产三级精品三级在线观看| 99久久夜色精品国产网站| 久久精品男人影院| 国产精品www| 精品九九久久国内精品| 国产精品视频网站| 国产成人精品高清在线观看99| 国产亚洲精品a在线无码| 精品无码一区二区三区爱欲| 精品国偷自产在线| AV无码精品一区二区三区| 国内精品久久人妻互换| 精品人妻中文av一区二区三区| 国产在线精品一区二区中文| 国产亚洲精品无码成人| 国产精品嫩草影院一二三区入口| 国产精品一二三区| 91精品国产91久久久久久青草| 3级黄性日本午夜精品|