title: animating path segments of an imported svg in paper.js
body: <p>I am trying to use paper.js to animate svgs I designed in Illustrator. Specifically what I am trying to do is import the svg, and then expand and contract the points on the path. Here is an example of moving paths in paper.js: <a href="http://paperjs.org/tutorials/paths/working-with-path-items/" rel="nofollow">http://paperjs.org/tutorials/paths/working-with-path-items/</a></p>
  
  <p>What I want eventually is the path to expand based off the width of another object. It will expand if the object is touching it, and contract back to normal if the object is no longer touching it. </p>
  
  <p>I know that to import the svg I use: </p>
  
  <pre><code>project.importSVG(document.getElementById('svg')[, options.expandShapes: true ]);
  </code></pre>
  
  <p>The <code>option.expandShapes: true</code>, from what I understand expands the shapes to path items. </p>
  
  <p>How do I  access the paths of the svg, in order to expand and contract them? </p>
  
  <p>Here is my SVG path : </p>
  
  <pre><code>path fill="#FFD495" d="M456.5,1396.3c-21-31.5-47.7-90.4-45.3-135.6c3.3-62.9,21.3-997.5,15.1-1014.5
      c-12.6-34.9-7.8-113.1-100.3-111.6c-107.1,1.8-132.7,6.6-159.4,6.6c-47.9,0-23-91.8-23-91.8s39.6-7.6,107.8-7.6s136.8-22.2,205,30.8
      s67.6,52.5,75.2,97.9c5.7,34.3,30.3,1039.4,30.3,1075.1c0,53-22.7,98.4,7.6,98.4c0,0,103.5,134-104,58.3"
  </code></pre>