title: How to use RaphaelJS to draw an existing vector image
body: <p>I am starting to learn <a href="http://raphaeljs.com/" rel="nofollow noreferrer">RaphaelJS</a>, but it does seem to be a steep learning curve as I am not very versed in javascript. But it seems like such a good library that I am willing to put the time in to learning it.</p>
  <p>What I would like to know is:</p>
  <ol>
  <li><p>How can one use an existing vector image in RaphaelJS</p>
  <p>(If I download a &quot;vector&quot; image can I tell RaphaelJS to draw the coordinates?)</p>
  </li>
  <li><p>Is there a way to convert an image (jpg, gif or whatever) into a vector graphic that RaphaelJS can use.</p>
  </li>
  </ol>
  <p>My confusion is that on the sample pages the images are drawn in coordinates which makes sense to me. However, if a download a vector image from the net, where are the coordinates?</p>
  <p>I am aiming to make images on my web page that are clickable, much like the RaphaelJS example of the map of <a href="http://raphaeljs.com/australia.html" rel="nofollow noreferrer">Australia</a> that has a hover event on it.</p>