title: HTML 5 Canvas Mouse over event on element (show tooltip)
body: <p>I am working on a visualization project. Based on my data I am plotting hundreds of small circle on canvas. I want to add a mouse over event so that whenever a mouse is the enclosing area of a circle it will show some node property from my data as a tool tip or as text on the canvas.
  My current drawCircle method</p>
  
  <pre><code>function drawCircle(canvas,x,y,r) 
  {
      canvas.strokeStyle = "#000000";
      canvas.fillStyle = "#FFFF00";
      canvas.lineWidth = 2;
      canvas.beginPath();
      canvas.arc(x,y,r,0,Math.PI*2,true);
      canvas.stroke();
      canvas.fill();
      canvas.closePath();
  }
  </code></pre>
  
  <p>I have looked into <a href="http://www.kineticjs.com/" rel="nofollow">kinetic.js</a>
  But can't figure it out how I can call my drawCircle [repetitively] method using their library.</p>
  
  <p>Any help will be highly appreciated.</p>