title: Is it possible to loop in SVG?
body: <p>I wish to create an array of entries from where values of the parameters could be accessed in the following code:  </p>
  
  <p>path d=" M 300 250 A 10 15 0 1 0 250 250" stroke="green" stroke-width="2" fill="none" />.</p>
  
  <p>So that I can loop over and  generate the path for different parameters. Is there a way to do it(the looping over the array) ? </p>
  
  <pre><code> !DOCTYPE html&gt;
      &lt;meta charset="utf-8"&gt; 
     &lt;title&gt;Spline Editor&lt;/title&gt;
     &lt;svg width="500" height="500"&gt;
     &lt;path d=" M 300 250 A 10 15 0 1 0 250 250"
              stroke="red" stroke-width="2" fill="none" /&gt;
              &lt;path d=" M 300 250 A 10 45 0 1 0 250 250"
              stroke="red" stroke-width="2" fill="none" /&gt;
              &lt;path d=" M 350 250 A 40 75 0 1 0 250 250"
              stroke="red" stroke-width="2" fill="none" /&gt;
  
      svg&gt;
  </code></pre>
  
  <p>I wish to do this using a loop.And not having to writing the path statement again and again.</p>