Loading ...
Sorry, an error occurred while loading the content.

Re: fill=remove in animateTransform

Expand Messages
  • jilusan
    Ok Heiko, I understood. Thanks a lot. Jilu ... So remove ... keep ... stay ... animation. ... explanation, ... animation ... main ... type= translate ...
    Message 1 of 7 , Feb 1 8:10 AM
    • 0 Attachment
      Ok Heiko, I understood.

      Thanks a lot.

      Jilu

      --- In svg-developers@yahoogroups.com, "Heiko Niemann" <me@z...>
      wrote:
      >
      > 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 svg-developers@yahoogroups.com, "Jilusan" <jilusan@s...>
      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:me@z...]
      > > Sent: 31 janvier 2005 17:38
      > > To: svg-developers@yahoogroups.com
      > > 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 svg-developers@yahoogroups.com, "jilusan" <jilusan@s...>
      > > 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:
      > > svg-developers-unsubscribe@yahoogroups.com
      > > -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:
      > > svg-developers-unsubscribe@yahoogroups.com
      > >
      > > c.. Your use of Yahoo! Groups is subject to the Yahoo! Terms
      of
      > Service.
      > >
      > >
      > >
      > > [Non-text portions of this message have been removed]
    Your message has been successfully submitted and would be delivered to recipients shortly.