首先，我们确定单击哪个单元格，然后您可以使用不同的颜色绘制该矩形：

$("#canvas").click(function(e){

    var x = Math.floor((e.pageX-$("#canvas").offset().left) / 20);
    var y = Math.floor((e.pageY-$("#canvas").offset().top) / 20);
    ctx.fillStyle = "rgb(255,255,255)";
    ctx.fillRect(x*20,y*20,20);


 });