HTML5画布动画偶尔会出现抖动/迟疑/卡顿

Question

在Firefox11中，我在使用HTML5的画布和翻译的一些基本动画中遇到了偶尔的抖动/犹豫/卡顿。

请看下面的例子。http://jsfiddle.net/ACRdx/

上面示例中的配置似乎在指定的移动速率下提供了最平滑的动画，当然，偶尔会出现卡顿。

类似的帖子中提出的建议似乎没有帮助，而且自2011年6月以来一直没有更新。同样，示例链接现在也被破坏了。请看。

Is there a solution for HTML5 canvas animation stutter?

Answer 1

试着降低你的FPS。可能是由于某些原因，浏览器运行起来很困难。我弄乱了你的代码，也可能是你的imageMoveXDelta太小了。我把它调到了0.2，它对我来说运行得很流畅。除此之外，为了得到一个好的混合效果，你应该试着考虑它在完成之前总共运行了多少帧。