add zoom

Discuss SVG code, accessible via the XML Editor.
allstar
Posts: 1
Joined: Wed Oct 12, 2011 7:06 am

add zoom

Postby allstar » Wed Oct 12, 2011 7:27 am

Hello

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

User avatar
LiquidAsh
Posts: 71
Joined: Fri Apr 22, 2011 11:35 pm
Contact:

Re: add zoom

Postby LiquidAsh » Sat Nov 05, 2011 11:20 pm

I think the easiest way to do this will be to put an extra group around the whole thing, and then animate the transform attribute by changing it from scale(1) to scale(3) over those 3 seconds.

chriswww
Posts: 383
Joined: Fri Nov 19, 2010 3:04 pm

Re: add zoom

Postby chriswww » Tue Nov 29, 2011 8:25 am

or if there's going to be more objects in the scene..animate the viewport.


Return to “SVG / XML Code”