title: Canvas image masking / overlapping
body: <p>In my project i have to implement one different color image on the other same size and pattern image using canvas and images are not in round or rectangle shapes. That all are in waves shape and it will apply on a single main background image for showing multiple graphics on every <code>onclick</code> function. </p>
  
  <p>Overlapped image should be change in another selected color. My question Is there any way with using canvas from that we can change the image color which is draw by canvas or we need to use different images always and apply with CSS/jQuery. </p>
  
  <p>I read about canvas image masking and overlapping. But cant understand with my images because that are not in square or circle shape then first thing is how i draw multiple wave shapes on a single image. I have no idea about that i searched but fail to search perfect solution.</p>
  
  <p>My need is just draw one wave image on canvas and change its color from on click function  and also set an another div with background-image and also more then two canvas will overlapped. Is this possible?</p>
  
  <p>(That means : This functionality is for create or set multiple graphics on a car, for that each graphic image need to set in a canvas and for another graphic need to overlapped on div and first canvas) </p>