SVG - escala círculo desde el centro
Quiero escalar mi arco que está incrustado en svg. Mientras se aplica la transformación de escala, se escala a 0, 0. En lugar de eso, quiero que sea escalada en el centro desde la propia.
aquí está el código
<g>
<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">
</path>
<animateTransform attributeType="xml"
attributeName="transform"
type="scale"
from="0"
to="1"
dur="0.5s" fill="freeze" />
</g>