html5<canvas> Opera 11 速度极慢？</canvas>

Question

我们用html5的元素+ JavaScript实现了图形绘制。 在这里查看。

它适用于 Chrome 12、Firefox 3.6 和 4 以及 Opera 11。

在与鼠标交互（悬停和滚动以缩放）或使用图形控件切换属性时，Chrome 和 Firefox 的绘图速度很好。 但在Opera 11.11 中，重绘需要很长时间。 我尝试了两台不同的机器，一台使用 Windows，另一台使用 Linux。

任何想法为什么会这样？ 或者我怎么能找出问题所在？

Answer 1

用context.globalCompositeOperation = "destination-over"; Opera 中大约 200 层的每一层都需要 35 毫秒。

幸运的是，我有一种方法可以使用context.globalCompositeOperation = "source-over"; 在不破坏视觉效果的情况下，使速度更接近 Firefox 和 Chrome 中的速度。

我发现通过使用以下两行受探查器代码启发的代码，James Black 发布了一个链接：

time=new Date().getTime(); //this line before the code block to test
//code block under test
time=new Date().getTime() - time; opera.postError(time +'ms'); //this line after the code block to test

请注意，Chrome (Webkit) 已经内置了 JavaScript 分析器，在 Firefox 中，Firebug 扩展也允许轻松分析。 但我没有为 Opera 找到类似的东西。