How to change the color of an area on an image/block background with a click???

Question

css

An example of a site where a similar function is implemented, but on flash: potolok-altezza.ru
How can this be done on html/css/js ???

Answer 1

I think you will have to split the image into components, prepare all the color-changing components in different colors, describe the overall picture in the form of a json model (metadata: which component is located at what coordinates, and its options), process and compose the overall picture on the canvas using js. Then, tracking mouse actions, perform the replacement of certain blocks in accordance with the metadata.