title: Converting an <area> into a <div> with the exact same position and shape using JS/CSS
body: <p>I am trying to convert this image map of type circle into a div with a specific top and left coordinates and the appropriate size based on these coordinates (300,115,10)</p>
  
  <pre><code>&lt;img src="http://localhost//images/baby.png"  alt="Planets" usemap="#MyMap"&gt;
  
  &lt;map name="MyMap"&gt;
    &lt;area alt="Venus" href="venus.htm" coords="300,115,10" shape="circle"&gt;
  &lt;/map&gt;
  </code></pre>
  
  <p>Now is it possible to extract the top, left , width and height from these coordinates and construct a div with a circular shape which is similar to the image map? Any javascript/css code will be helpful.</p>