HTML5畫布點擊事件

Question

我發廣場

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

的數組，我想一個正方形點擊時改變其顏色。我怎樣才能做到這一點？

我不太瞭解HTML5，需要一些幫助。謝謝。

Answer 1

使用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, 20); 


}); 

Answer 2

這beta build由迦勒埃文斯可能的幫助。以下事件被列入...

• 點擊
• DBLCLICK
• 鼠標按下
• 鼠標鬆開
• 鼠標移動

鏈接到jsFiddle演示。