title: How i can get hit test with image on canvas?
body: <p>I create image in this way:</p>
  
  <pre><code>var orc = new Image();
          orc.src = "./orc.png";
  </code></pre>
  
  <p>I use image in objects like this:</p>
  
  <pre><code>function Character(hp, image){
      this.hp = hp;
      this.image = image;
  };
  </code></pre>
  
  <p>I call it in several times, like:</p>
  
  <pre><code>unit245 = new Character(100, orc);
  </code></pre>
  
  <p>And I draw it in this way, for example:</p>
  
  <pre><code>ctx.drawImage(unit245.image, 15, 55, 100, 100);
  </code></pre>
  
  <p>How I can get mouse click or move above my unit245 on canvas?</p>
  
  <p>I need something like this <a href="http://easeljs.com/examples/dragAndDrop.html" rel="nofollow">http://easeljs.com/examples/dragAndDrop.html</a> but without any frameworks (except jquery)</p>