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/
 



Reply via email to