title: Click area on sprite in canvas
body: <p>I'm creating a game in Javascript. currently the sprites are div elements with a background image that is updated to create animation. I have heard that if I make the elements canvas and blit the sprite onto the canvas I can make the sprite clickable, omitting the transparent areas.</p>
  
  <p>I need a solution where my game sprites can be clicked but the clickable area is fitted to the shape of the sprite. It also needs the be automatic. I cannot do this with pre-made click maps.</p>