首页 > 其他 > 详细

关于浏览器动画的平滑处理

时间:2015-05-14 13:51:05      阅读:170      评论:0      收藏:0      [点我收藏+]

 在不断的模拟动画中,发现在运行期间偶尔会出现跳帧的感觉。似乎是浏览器处理动画出了某些问题,于是就去了解了一下这方面的知识:
    1. 显示器的刷新频率通常是50~60hz,1000ms/60≈16.6ms
    2. 使用setinterval和settimeout会使layou浪费计算重复渲染,以至于不能完美达到浏览器的刷新频率。
1. 于是出现了一个新颖的方法叫做 requestAnimationFrame ,直接通过event行为触发,渲染所浪费的渲染帧不会被硬件帧最终显示,有效减少了无效的渲染次数。
2. 以上想法都是由前后端软硬件大神提出的,精髓至极。
3. 关于 requestAnimationFrame 的使用方法很简单,此处便不多说了。

关于浏览器动画的平滑处理

原文:http://www.cnblogs.com/HelodieJaqueline/p/4503013.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!