每次绘制块时都要改变颜色。每次绘制画布时都会调用Math.random()，这意味着每次绘制时都会改变每个块的颜色。
可能的解决方案：

• 将颜色保存在一个数组中，并在您想要更改颜色时使用a
• 将颜色保存在数组中并随机更改
• 每次重绘时不要重绘块（性能更佳）

下面是一个可能的解决方案，它将颜色存储在数组中并随机更改它们：

let blkColors = []
function drawBricks() {
  for(let c=0; c<brickColumnCount; c++) {
    for(let r=0; r<brickRowCount; r++) {
      if(bricks[c][r].status == 1) {
        const brickX = (r*(brickWidth+brickPadding))+brickOffsetLeft;
        const brickY = (c*(brickHeight+brickPadding))+brickOffsetTop;
        bricks[c][r].x = brickX;
        bricks[c][r].y = brickY;
        ctx.beginPath();
        ctx.rect(brickX, brickY, brickWidth, brickHeight);
        if (!blkColors[c] || !blkColors[c][r] || Math.random() > 0.97) { // new color
            if (!blkColors[c])
            blkColors[c] = [];
            ctx.fillStyle = blkColors[c][r] = "#" + ((1 << 24) * Math.random() | 0).toString(16).padStart(6, "0");
        } else {
            ctx.fillStyle = blkColors[c][r];
        }
        ctx.fill();
        ctx.closePath();
        
      }
    }
  }
}

On JSFiddle