title: How do you animate an SVG path in IOS?
body: <p>I have an SVG path like this:</p>
  
  <pre><code>&lt;svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" version="1.1"  baseProfile="full"&gt; 
      &lt;path d="M47.16,66.38c0.62,1.65-0.03,2.93-0.92,4.28c-5.17,7.8-8.02,11.38-14.99,18.84c-2.11,2.25-1.5,4.18,2,3.75c7.35-0.91,28.19-5.83,40.16-7.95" style="fill:none;stroke:black;stroke-width:2" /&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>I can render the path but can't seem to find a way to make the path animate so that it looks like it is "being draw" as if with pencil. The <code>animate</code> node works for single coords but not for paths.</p>
  
  <p>I will eventually end up using this animation in an iPhone app either with a parser or with a UIWebView.</p>