小编Dal*_*omo的帖子

我有两个函数，第一个函数绘制一个带内衬的空网格（28x16），第二个函数绘制一个方形框，用颜色填充选定的网格位置，每个框为 25X25。第二个功能允许我使用网格位置在画布中的任何位置绘制一个框。因此，为了绘制一个框，我创建了另一个调用网格位置并将其绘制在那里的函数，例如在必须输入 x=5 和 y=4 的网格位置绘制一个框drawWalls(5,4); 这条线可以反复使用来绘制不同的盒子，所以我可以绘制盒子，功能完美，现在我想同时创建1个以上的方形盒子（例如一行盒子），问题是的，我从未创建过这样的循环或具有超过 1 个变量的循环，请帮忙，我也对数组有点困惑，我想知道这些框是否存储在数组中，我该如何调用再说一遍，例如我单击一个框并删除它，这并不重要，但是如果您对第一个问题有任何想法，请帮助，谢谢您的时间。

绘制网格

function drawGrid() {
    ctxBg.beginPath();
    for (var i = 0; i <= canvasWidth-25; i+= 25) {
        ctxBg.moveTo(-25 + i,55);
        ctxBg.lineTo(-25 + i, canvasHeight - 55);
    }
    for (var i = 25; i <= canvasHeight -75; i+= 25) {
        ctxBg.moveTo(55,25 + i);
        ctxBg.lineTo(canvasWidth-55, 25 + i);
    }
    ctxBg.stroke();
}

function ClearBg() {
    ctxBg.clearRect(0,0,canvasWidth,canvasHeight);
}    

画墙

function Wall(row, col) {
  this.row = row;
  this.col = col;
  this.color = "#000";

  this.width = 25 …