在JavaScript中绘制/更新二维正方形数组颜色的快速方法

我正在用JavaScript开发一个游戏，它有一个二维正方形数组，每帧更新背景颜色

---

到目前为止，我一直在使用一个无边界DOM表来完成这项任务，方法是在每帧设置每个单元格的style.backgroundColor，但速度相当慢。有什么方法可以更快地完成这项工作吗？

对于这种计算，直接在单个画布中绘制正方形应该更快（现在JS编译成相当高效的本机代码，而您所获得的小开销可能远小于处理DOM和

.style

所带来的开销）

当然，只有使用您需要支持的设备/浏览器进行测试才能提供真正的答案（请注意，随着时间的推移，情况可能会发生变化）

示例代码：

让ctx=canvas.getContext（“2d”）；
setInterval（函数（）{
对于（var y=0；yin）来说，不要使用DOM，而是开始使用HTML5画布