title: Import SVG Path Data into Raphael.js
body: <p>I'm messing around with <a href="http://raphaeljs.com/" rel="nofollow">Raphael.js</a> and would like to import some <code>SVG</code> into Raphael Objects. I've checked some twitter posts from <a href="https://twitter.com/RaphaelJS" rel="nofollow">https://twitter.com/RaphaelJS</a> where he is saying that you can copy and paste the path points and use them. Unfortanetly I can't get it to work.</p>
  
  <p>What I would simply like to do is this simple svg:</p>
  
  <pre><code>&lt;svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
   width="841.89px" height="595.28px" viewBox="0 0 841.89 595.28" enable-background="new 0 0 841.89 595.28" xml:space="preserve"&gt;
  &lt;polyline fill="#CBBBA0" stroke="#000000" stroke-miterlimit="10" points="272.343,345.194 307.418,535.492 349.955,342.955 "/&gt;
  &lt;circle fill="#E30613" stroke="#000000" stroke-miterlimit="10" cx="277.194" cy="282.881" r="62.313"/&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>into Raphael-Objects. Maybe you have some ideas how to solve this.</p>
  
  <p>I thought it could be possible like this:</p>
  
  <pre><code>var paper = Raphael(10, 50, 320, 200);
  paper.path(["272.343,345.194 307.418,535.492 349.955,342.955"])
  </code></pre>
  
  <p>bummer! Doesn't work</p>
  
  <p>Thanks</p>