KineticJS:Firefox与Chrome的动画表现

Question

我正在使用动画模块使用Kineticjs运行动画.现在我注意到Chrome和Firefox之间存在很大的性能差异.看一下帧率我发现了以下结果.

     Chrome    Firefox
avg:     50         50
min:     33         20
max:     56         75

如您所见,FireFox的帧率变化要大得多.Chrome中的动画是流畅的(至少足够平滑),但Firefox中的动画每隔一秒左右就会出现波动,这种情况发生在帧速率很高或很低时.

特别是高帧率尖峰似乎破坏了平滑动画的外观.

有没有其他人经历过这种行为？有没有办法在Firefox中更好地平滑帧速率？

Answer 1

这可能是由于浏览器选项卡架构差异造成的，例如目前 Google Chrome 对每个选项卡使用单独的进程，因此一个选项卡中缓慢或错误的代码对另一选项卡中的代码的影响要小得多。对于 Firefox，选项卡在同一进程中运行，因此一个选项卡上的缓慢代码可能会影响其他选项卡。

这也可能是由于浏览器性能差异造成的，即您正在使用的 DOM 和 Javascript API 的实现。

有没有办法让 Firefox 的帧速率更加平滑？

您应该尝试找出帧速率差异的一些原因，消除过程可能是最好的路径。

尝试使用只有一个选项卡的浏览器，并浏览所使用的 api 列表，看看这些浏览器是否存在性能差异。