title: SVG - scale circle from center
body: <p>I want to scale my arc that is embedded in svg. While apply scale transform, it is scaled towards 0, 0. Instead of that, i want it to be scaled center from it's own.</p>
  
  <p>here is the code</p>
  
  <p></p>
  
  <pre><code>&lt;g&gt;                 
      &lt;path d="M 300 100 a 200 200 0 1 0 0.00001 0" fill="#7EEC4A" stroke="rgb(208,231,235)" linejoin="round" stroke-width="1" fill-opacity="0.9" stroke-opacity="0.2"&gt;
      &lt;/path&gt;
  
      &lt;animateTransform attributeType="xml"
          attributeName="transform"
          type="scale"
          from="0"
          to="1"
          dur="0.5s" fill="freeze" /&gt;
  &lt;/g&gt;
  </code></pre>
  
  <p></p>