为什么我的动画有时会在 Firefox 中卡住？答案

【问题标题】：Why my animation gets stuck sometimes in Firefox?为什么我的动画有时会在 Firefox 中卡住？
【发布时间】：2011-06-01 20:51:04
【问题描述】：

我正在尝试使用 HTML5 画布和 Javascript 创建动画。虽然它在 Google Chrome 中运行良好，但在 Firefox 中有时会卡住。

我猜这是性能问题。是否以错误的方式绘制和清除画布？

【问题讨论】：

你可能想试试requestAnimationFrame：developer.mozilla.org/en/DOM/window.mozRequestAnimationFrame。
你是什么意思，“卡住了？”对我来说，它似乎在 Win7 的 FF4.0 上运行良好。尝试注释掉所有的 console.log 语句。
对我来说也很好，流畅，没有停顿和抖动 - FF4/Ubuntu 11.04
我有一个带有 4GB 内存的 core 2 duo，但我的系统可能会慢一点，而不是导致这种停止。无论如何，既然它运行良好，那么我猜相当一部分流量会按预期进行。这对我来说已经足够了。这应该只在页面加载时显示。

【解决方案1】：

对我来说运行良好；听起来它与您机器上的性能有关。你运行什么规格？如果您的 CPU 陷入困境或 Firefox 正在消耗 RAM，那么与稳定性相关的一切都会消失；我已经看到从 DHTML 到 Flash 的所有内容都因为计算机本身的性能问题而死机。

如果您只是想提高本地计算机的性能，我会避免为每一帧清除整个图片。你的绝大多数圈子不需要重绘；即使更容易，每帧调用 clear() 也会显着增加性能成本。另外，这是一个很好的锻炼。 :)

【讨论】：