Hi Jilu,
animation effect would be: 'object was moved from A to B' or 'color was changed from red to green'. If you set the fill attribute to 'remove' these effects will be undone - so the object will be moved back to its original position (not necessarily A) and the color changed back to the original color (not necessarily red). So 'remove' is equal to 'undo'. If you set fill to 'freeze' the element will keep the final value for the animated attribute. So the object would stay at B and the color would stay green - until you restart the animation. Regards- -Heiko http://www.zuccaralloo.de/devgroup --- In [email protected], "Jilusan" <[EMAIL PROTECTED]> wrote: > Hi Heiko, > > To tell the true i did not catch the first part of your explanation, > concerning the animation effect. > But i understood the second part. > > And every thing is fine now. > > Thanks a lot, > > Jilu > -----Original Message----- > From: Heiko Niemann [mailto:[EMAIL PROTECTED] > Sent: 31 janvier 2005 17:38 > To: [email protected] > Subject: [svg-developers] Re: fill=remove in animateTransform > > > > Hi Jilu, > > the fill attribute of an animation element can have the > values "remove" and "freeze". These values apply to the animation > effect(!) not the animated object/target itself. > Aashish showed the solution. I would do two modifications though: 1) > Use display instead of visibility unless you want the hidden element > still to be target of possible pointer events. 2) You could give > your animateTransform element an id and then use id.end on the > dependent set element to start it. So this way you don't have to > edit the set element if you changed the dur attribute of your main > animation element. > > ... > <animateTransform > id="anim01" > attributeName="transform" > type="translate" > values="0 600;0 0" > begin="0s" dur="20s" > fill="freeze"/> > <set attributeName="display" to="none" begin="anim01.end" / > ... > > Regards- > -Heiko > > > --- In [email protected], "jilusan" <[EMAIL PROTECTED]> > wrote: > > > > Hello everybody, > > > > I would like to remove my object after it did > > a translation, so i wrote : > > > > But, the circle did not disappear. > > > > Do you know why ?? > > > > Thanks a lot. > > > > Jilu > > > > <svg width="800" height="800"> > > > > <defs> > > <radialGradient id="circleShade" cx="50%" cy="50%" r="50%" > > fx="30%" fy="30%"> > > <stop offset="0%" style="stop-color:rgb(200,200,200); stop- > > opacity:1"/> > > <stop offset="100%" style="stop-color:rgb(0,0,255); stop- > > opacity:1"/> > > </radialGradient> > > <g id="boule2"> > > <circle cx="0" cy="0" r="75" fill="url(#circleShade)" > > stroke="black" fill-opacity="0.5"/> > > <text x="0" y="0">1</text> > > <animateTransform attributeName="transform" type="translate" > > values="0 600;0 0" begin="0s" dur="20s" > > fill="remove"/> > > </g> > > </defs> > > > > <use x="100" y="100" xlink:href="#boule2" /> > > > > </svg> > > > > > > ----- > To unsubscribe send a message to: > [EMAIL PROTECTED] > -or- > visit http://groups.yahoo.com/group/svg-developers and click "edit my > membership" > ---- > > > > -------------------------------------------------------------------- -------- > -- > Yahoo! Groups Links > > a.. To visit your group on the web, go to: > http://groups.yahoo.com/group/svg-developers/ > > b.. To unsubscribe from this group, send an email to: > [EMAIL PROTECTED] > > c.. Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service. > > > > [Non-text portions of this message have been removed] ----- To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ---- Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> To unsubscribe from this group, send an email to: [EMAIL PROTECTED] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
