performance - 解释 html canvas 图像绘制中的巨大性能差异

Question

在调查一些性能问题时，我偶然发现了以下性能比较：

http://jsperf.com/fastest-canvas-drawing/2

产生以下结果：

这似乎表明，如果您使用除createObjectURL图像以外的任何东西，drawImage 将慢 90% 以上。真的是这样吗？为什么？

Answer 1

您是否在 Chrome、Safari 或其他 WebKit 中运行此测试？

window.URL在 Chrome 中未定义，您需要window.webkitURL改用（尽管在 Chrome 23 中不再使用，但使用mozGetAsFile无论如何都会杀死您）。您会看到如此快速的结果，因为测试只是在 Chrome 下针对该选项出错。

如您所料，在 Firefox 上，结果更加一致。