performance - Linux 上 Firefox 的 Canvas2D 性能不佳

Question

在使用 Canvas2D 进行一些相当密集的渲染时，我遇到了一些特别难以调试的问题。我使用了各种各样的东西，从 globalCompositeOperation 到多个离屏 Canvas ，中间有一些 drawImage 魔法。

它在 :

上完美流畅地工作

• Chrome (26) [OSX 10.7.5]
• Safari (6.0.2) [OSX 10.7.5]
• Firefox(18 和 20 Aurora)[OSX 10.7.5]
• Chrome (24) [Windows 7]
• 火狐 (12) [Windows 7]
• Chromium (24) [Archlinux、Gnome 3]

编辑:添加了针对 Windows 7 的测试。奇怪的是，它适用于 FF12(我的双启动时有一个旧版本)，但升级到 FF18 后性能肯定会受到影响。它在 Windows 上并不像在 Linux 上那么糟糕，而且相同的版本在 OSX 上也能完美运行。可能是回归？

由于某些原因，在 Firefox 和 Linux 上(我尝试了 18 和 20 Aurora)，同时拖动和渲染时渲染性能很差。

如果我触发并忘记一个动画，它与 Chrome/Safari 相当，但如果我拖动并渲染，我通常在释放拖动后只能看到结束帧。

• requestAnimationFrame 和鼠标事件处理程序上的直接渲染都不起作用。
• 分析后，报告的渲染部分时间完全在可接受的范围内(绝对最差时可达 100 毫秒)，绝对与我在屏幕上看到的不符。
• 我尝试通过删除一些东西来减少负载，最终报告的渲染时间低于 15 毫秒，但我看到的并没有改变。

让我感到困惑的是，它几乎在所有其他地方都可以工作，除了在 Linux 上使用 Firefox。关于我应该在哪里查看、错误报告或问题解决方案的任何想法？

Answer 1

由于这个问题，我已经完全切换到 Linux 上的 Chrome。它源于他们使用的名为 Cairo 的旧 2d 渲染引擎，该引擎陈旧且过时。 Azure 将取代这个引擎，他们基本上已经完成了除 linux 之外的所有平台。

http://blog.mozilla.org/joe/2011/04/26/introducing-the-azure-project/ https://bugzilla.mozilla.org/show_bug.cgi?id=781731