在HTML5画布上绘制数百个图像的任何性能技巧？

Question

我需要在HTML5画布上绘制数百张图像，这些图像实时到达 - 今天我使用drawImage API在for循环中绘制所有图像。

这些图像分组到达，每组包含100-200张图像。 同一组中的所有图像应该同时绘制。

是否有一些我可以用来＆＃34;暂停＆＃34;渲染，绘制所有图像，然后＆＃34;恢复＆＃34;再次渲染？

我查看了画布HTML5官方API，但找不到合适的内容。

非常感谢！

阿米特

编辑： 换句话说，我正在寻找一种方法来告诉画布/浏览器这样的事情：＆＃34;嘿，我要绘制一堆图像，不要费心去处理它们一个接一个，我告诉你，一旦我完成了＃34;

Answer 1

优化速度有两种方法。我的想法是将它们组合起来：你可以在屏幕外渲染所有内容，这会导致你无法看到渲染效果。然后，您可以使用多个透明画布作为图层。因此，您可以将屏幕外的画布移动到原始画布的顶部，就像使用任何其他DOM元素一样。

查看here和here。