html5画布层 - 性能问题/正确方法？

Question

对于机器人Web界面我使用几个画布相互之间。因此，我可以在一个画布上绘制，而不会损害其中的内容。

图层是：

• 地图（基于传感器结果的世界地图）
• 机器人（机器人位置）
• 标记（显示我点击的位置的标记）
• 用于捕捉画布上点击次数的顶层

我现在有时看到“机器人”图层上可视化机器人运动的延迟（大约2秒），同时“地图”图层应该更新。

我知道延迟有很多可能的原因。我假设每次有新的位置数据时，它可能与在“机器人”画布上使用clearRect有关.clearRect可能太重了。

我主要想知道我的方法一般是否“正常”，如果使用clearRect可能太重了。如果是这样，可能有什么替代方案？

这里是比较代码：http://pastebin.com/G0K5ud9u

由于 罗伯特