HTML5画布点击事件

我做了一个方阵

ctx.fillStyle = "rgb(0,0)";
for(x=0;x<=25;x++){
  for(y=0;y<=25;y++){   
       ctx.fillRect(x,y,20,20); 
  }
}

我想要一个方块来改变它的颜色当点击。我怎样才能做到这一点？

我不太了解HTML5，需要一些帮助。谢谢。

解决方法

使用jQuery：

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

$("#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);


 });