title: Irregular image drag & drop using HTML5 canvas
body: <p>I'd like to be able to write an application in HTML5 that is similar to the following.</p>
  
  <p><a href="http://www.html5canvastutorials.com/labs/html5-canvas-animals-on-the-beach-game-with-kineticjs/" rel="nofollow" title="HTML5 Canvas Animals on the Beach Game with KineticJS">HTML5 Canvas Animals on the Beach Game with KineticJS</a></p>
  
  <p>The problem with that demo though is the mouse over event is only accurate to the rectangle surrounding the animal. Is there any way to do this with more accuracy, be it in KinectJS or otherwise?</p>