title: SVG to Shape (EaselJS)
body: <p>In EaselJS only shapes can became a masks, so I was wondering if I can convert somehow SVG made in Inkscape into EaselJS, I found this great tool - <a href="http://www.professorcloud.com/svg-to-canvas/" rel="nofollow">http://www.professorcloud.com/svg-to-canvas/</a> that allows me to convert SVG to Context, but is there a way/tool to easily convert SVG to EaselJS Shape (this is almost the same object as Shape in Flash/AS3)? I need only a basic shape like this:</p>
  
  <pre><code>&lt;svg
     xmlns:dc="http://purl.org/dc/elements/1.1/"
     xmlns:cc="http://creativecommons.org/ns#"
     xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
     xmlns:svg="http://www.w3.org/2000/svg"
     xmlns="http://www.w3.org/2000/svg"
     version="1.1"
     width="776.4032"
     height="405.87927"
     id="svg1383"&gt;
    &lt;defs
       id="defs1385" /&gt;
    &lt;metadata
       id="metadata1388"&gt;
      &lt;rdf:RDF&gt;
        &lt;cc:Work
           rdf:about=""&gt;
          &lt;dc:format&gt;image/svg+xml&lt;/dc:format&gt;
          &lt;dc:type
             rdf:resource="http://purl.org/dc/dcmitype/StillImage" /&gt;
          &lt;dc:title&gt;&lt;/dc:title&gt;
        &lt;/cc:Work&gt;
      &lt;/rdf:RDF&gt;
    &lt;/metadata&gt;
    &lt;g
       transform="translate(15.455332,-13.016229)"
       id="layer1"&gt;
      &lt;path
         d="m 1193.5963,82.437378 a 369.81683,206.47517 0 1 1 -739.63371,0 A 369.81683,206.47517 0 1 1 1193.5963,82.437378 Z"
         transform="matrix(1.0497132,0,0,0.98287671,-491.98585,134.93009)"
         id="mask"
         style="fill:#008000;fill-opacity:1;stroke:none;display:inline" /&gt;
    &lt;/g&gt;
    &lt;g
       transform="translate(15.455332,-13.016229)"
       id="layer2" /&gt;
  &lt;/svg&gt;
  </code></pre>