HTML 5 Canvas - Grid Block Fill

Question

I created a canvas and wrote out a grid (similar to graphic paper) with the coordinates X and Y. Now I want to do the following:

-When someone clicks the mouse, the square in the grid will change to a different color
-When the block is selected, the data will not change.

+5

Matthew lancaster May 12, '12 at 15:31

1 answer

Alnitak · Accepted Answer · 2012-05-12T15:34:38+0000

You need a separate 2D array that maintains state for each position (x, y) of the grid.

When a click occurs, check this state array to see if the cell has been clicked before, and refresh the canvas if necessary.

I created a small demo to show you: http://jsfiddle.net/alnitak/xN45K/