How to fill a cell on a picture

Asked Mar 02 '17 at 16:53

Active Mar 03 '17 at 19:36

Viewed 89 times

My image contains a grid with different cells size. For an example I show you a similar image.

As you can see the cells don't have the same size. I have to fill the cell with any color when I'm clicking on it. How it's possible to detect a cell on an image like PhotoShop with the Paint Bucket tool ? Should I use HTML5 canvas ?

I have to store all colored cell into my database and re-fill them for the next time. So I have to initialize a variable for each colored cell.

Do you have a code snippet to help me ?

edited Mar 02 '17 at 17:00

asked Mar 02 '17 at 16:53

John

4,711
9
51
101

SO get the coordinates of the click on the canvas, determine the section, and fill it in. – epascarello Mar 02 '17 at 16:58
Google "flood fill in html canvas". That's what you need. – Zeus Mar 02 '17 at 17:01

How to fill a cell on a picture

0 Answers0