我遵循了使用 requestAnimFrame 绘制简单动画的最佳实践：http:
//jsfiddle.net/paul/XQpzU/2/light/
不幸的是，即使在这个例子中（在 Chrome、Firefox 和 IE 上），动画也有滞后。
源代码的解释在那里： http: //paulirish.com/2011/requestanimationframe-for-smart-animating/
什么是在 html5 中显示简单动画而没有任何减速的解决方案？
问问题
614 次
1 回答
1
对复杂的动画使用双缓冲技术，以避免保存、恢复等缓慢的功能。好文章 http://www.felinesoft.com/blog/index.php/2010/09/accelerated-game-programming-with-html5-and-canvas/
“requestAnimFrame”不会给你带来性能提升，因为在这种情况下，浏览器决定是否在特定时间渲染你的代码，而不是你。我的经验表明，最好为所需的 FPS 设置计时器。在使用 Android 版 PhoneGap 编写游戏时，我的体验很糟糕。我尝试了各种技术，最好的方法是使用两个画布，以重用路径并避免缓慢的转换功能。
于 2012-07-12T11:56:20.550 回答