I'm learning svg and i would like to add a zoom to this elipse
Code: Select all
<g
id="node5"
transform="matrix(2.1519412,0,0,2.0396381,264.04469,434.86099)">
<title
id="title3280">C</title>
<g
style="fill:none;stroke:#808080;stroke-width:1"
id="g3282"
transform="translate(54,-18)">
<ellipse
sodipodi:ry="18"
sodipodi:rx="27"
sodipodi:cy="0"
sodipodi:cx="0"
cy="0"
cx="0"
style="fill:url(#radialGradient3326)"
d="M 27,0 C 27,9.9411255 14.911688,18 0,18 -14.911688,18 -27,9.9411255 -27,0 c 0,-9.9411255 12.088312,-18 27,-18 14.911688,0 27,8.0588745 27,18 z"
id="ellipse3284"
ry="18"
rx="27" />
</g>
<text
id="text3286"
style="font-size:14px;text-anchor:middle;font-family:'purisa, cursive'"
x="54"
y="-14.025">C</text>
</g>
When the image is loaded, after 1 second i'm trying zoom in the image 3 times
Thanks