css3 animation 和 html5 canvas 性能比较（转自SO）

2024年2月19日 183次阅读 来源: fishenal

原问题见这里

                  Image  Image  Sprite  Sprite
        Browser  Canvas    CSS  Canvas     CSS
----------------------------------------------
  Safari v5.0.3      59     95      59      89
Firefox v3.6.13      59     95      60      90
 Firefox v4.0b8      75     89      78      82
    Chrome v8.0     108    230     120     204
    iPad, Horiz      17     44       2      14
     iPad, Vert       4     75       2      15



Browser/OS          Canvas Image   CSS IMage   Canvas Sprites   CSS Sprites    
-----------         ------------   ----------  --------------   -----------
Firefox 16          56.7fps        215.6 fps   59.2fps          203.6fps
Firefox 16 Android  17.1 fps       179.6fps    11.5fps          35.7
Chrome 22           192.3fps       223.5fps    170.1fps         164.3fps
Chrome Android      48.3fps        39.9fps     92.8fps          13.1fps

上面的答案是11年发布的，下面的答案是12年发布的，更新的测试显示

  • 火狐浏览器css动画明显快于canvas
  • chrome桌面端canvas和css动画性能相当
  • chrome移动端 canvas优于 css动画
    原文作者：fishenal
    原文地址: https://segmentfault.com/a/1190000000438057
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞