在Canvas HTML上重画许多对象

Question

是否有快速有效的方法来移动许多对象canvas？基本上，如果大约有1000个对象，并且我想一次移动所有对象以模拟滚动，则通过调用drawImage()1000次以上来重绘每个对象非常慢。

有什么可以优化的吗？我有一个问题的示例链接（仅包含100个对象）：http : //craftyjs.com/isometric/

Answer 1

您可以在第二个离屏画布上绘制所有对象，然后仅位块传输整个画布（drawImage()接受 canvas 元素）。

但是，如果您的目标是桌面浏览器，则不需要这样做。我已经实现了简单地重绘整个场景的图块引擎（源代码），并且简单的实现速度非常快。