为什么我的 requestAnimFrame 仍然很慢？

Question

我遵循了使用 requestAnimFrame 绘制简单动画的最佳实践： http://jsfiddle.net/paul/XQpzU/2/light/
不幸的是，即使在这个例子上（在 Chrome、Firefox 和 IE 上），动画也会滞后。
源代码的解释在那里：http://paulirish.com/2011/requestanimationframe-for-smart-animating/

什么是在 html5 中显示一个简单的动画而没有任何减速的解决方案？

Answer 1

对复杂的动画使用双缓冲技术，以避免保存、恢复等缓慢的功能。 好文章 http://www.felinesoft.com/blog/index.php/2010/09/accelerated-game-programming-with-html5-and-canvas/

“requestAnimFrame”不会给你带来性能提升，因为在这种情况下，浏览器决定是否在特定时间渲染你的代码，而不是你。我的经验表明，最好为所需的 FPS 设置计时器。在使用 Android 版 PhoneGap 编写游戏时，我的体验很糟糕。我尝试了各种技术，最好的方法是使用两个画布，以重用路径并避免缓慢的转换功能。