How to change portion of the image when button clicked


In my project I need to change portion of image to different color when clicked on button.
ex: In a tree image with green leaf,I want to change the color of the leaf(only leaf) to brown color when button clicked

any kind of help is appreciated.


You can:

  • Replace the whole picture with one that has a different color in that area
  • Use multiple images and replace the “leaf” one
  • Use overlays on the image

Hi lokeshbr12,

Ionic is no where related to your question. It is a question related to HTML,CSS, Javascript. Stack overflow may be the right place to post this.