我做了一个方阵
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); });