title: HTML5 polygon mouse over
body: <p>I have a single HTML5 canvas. I have drawn 100+ dynamic polygons. These polygons are a collection of paths (beginPath, moveto, lineTo, ..., closePath).</p>
  
  <p>Each of the polygons is stored in an array. I store the cocordinatesand some attribute info in each element.</p>
  
  <p>I have drawn the polygons and all is well. I would now like to have a mouse over to display some of the attributes when I hover over the polygons.</p>
  
  <p>Now I know I can not attach an event to any of the polygon objects as they arent really objects. </p>
  
  <p>What is the most popular/fastest way of checking which polygon I am hovering over.</p>
  
  <p>Note: I want to use pure HTML5, no kinetic or any other libs.</p>
  
  <p>Thanks</p>