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

translate then rotate then remove a image

Expand Messages
  • jilusan
    Hello every body, I would like to translate then rotate then remove an image. But i have a problem, the center of the rotation is not the point for which the
    Message 1 of 3 , Feb 1 5:29 PM
    • 0 Attachment
      Hello every body,

      I would like to translate then rotate then remove an image.

      But i have a problem, the center of the rotation is not
      the point for which the translation finish ?

      Do you have any idea ???

      Thanks a lot,

      Jilu


      <defs>
      <g id="tete">
      <image x="-40" y="-50" width="80" height="100"
      xlink:href="photo.JPG">
      </image>
      <text x="0" y="0">1</text>
      <animateTransform id="anim1"
      attributeName="transform" type="translate"
      values="0 500; 0 100" begin="0s" dur="20s"/>
      <animateTransform id="anim2"
      attributeName="transform" type="rotate"
      from="0" to="360" begin="anim1.end" dur="10s"/>
      <set attributeName="display" to="none" begin="anim2.end"/>
      </g>
      </defs>
      <use x="200" y="0" xlink:href="#tete" />
    • Heiko Niemann
      Hi Jilu, add fill= freeze to anim1 and additive= sum to anim2 see sample: http://www.zuccaralloo.de/devgroup/samples/animatePhotos.svg Regards- -Heiko ...
      Message 2 of 3 , Feb 1 7:38 PM
      • 0 Attachment
        Hi Jilu,

        add
        fill="freeze" to anim1 and
        additive="sum" to anim2

        see sample:
        http://www.zuccaralloo.de/devgroup/samples/animatePhotos.svg

        Regards-
        -Heiko


        --- In svg-developers@yahoogroups.com, "jilusan" <jilusan@s...>
        wrote:
        >
        > Hello every body,
        >
        > I would like to translate then rotate then remove an image.
        >
        > But i have a problem, the center of the rotation is not
        > the point for which the translation finish ?
        >
        > Do you have any idea ???
        >
        > Thanks a lot,
        >
        > Jilu
        >
        >
        > <defs>
        > <g id="tete">
        > <image x="-40" y="-50" width="80" height="100"
        > xlink:href="photo.JPG">
        > </image>
        > <text x="0" y="0">1</text>
        > <animateTransform id="anim1"
        > attributeName="transform" type="translate"
        > values="0 500; 0 100" begin="0s" dur="20s"/>
        > <animateTransform id="anim2"
        > attributeName="transform" type="rotate"
        > from="0" to="360" begin="anim1.end"
        dur="10s"/>
        > <set attributeName="display" to="none" begin="anim2.end"/>
        > </g>
        > </defs>
        > <use x="200" y="0" xlink:href="#tete" />
      • Jilusan
        Heiko, It works now. Thanks ! Thanks for the sample. Jilu ... From: Heiko Niemann [mailto:me@zuccaralloo.de] Sent: 1 février 2005 22:38 To:
        Message 3 of 3 , Feb 1 7:42 PM
        • 0 Attachment
          Heiko,

          It works now. Thanks !

          Thanks for the sample.

          Jilu
          -----Original Message-----
          From: Heiko Niemann [mailto:me@...]
          Sent: 1 février 2005 22:38
          To: svg-developers@yahoogroups.com
          Subject: [svg-developers] Re: translate then rotate then remove a image



          Hi Jilu,

          add
          fill="freeze" to anim1 and
          additive="sum" to anim2

          see sample:
          http://www.zuccaralloo.de/devgroup/samples/animatePhotos.svg

          Regards-
          -Heiko


          --- In svg-developers@yahoogroups.com, "jilusan" <jilusan@s...>
          wrote:
          >
          > Hello every body,
          >
          > I would like to translate then rotate then remove an image.
          >
          > But i have a problem, the center of the rotation is not
          > the point for which the translation finish ?
          >
          > Do you have any idea ???
          >
          > Thanks a lot,
          >
          > Jilu
          >
          >
          > <defs>
          > <g id="tete">
          > <image x="-40" y="-50" width="80" height="100"
          > xlink:href="photo.JPG">
          > </image>
          > <text x="0" y="0">1</text>
          > <animateTransform id="anim1"
          > attributeName="transform" type="translate"
          > values="0 500; 0 100" begin="0s" dur="20s"/>
          > <animateTransform id="anim2"
          > attributeName="transform" type="rotate"
          > from="0" to="360" begin="anim1.end"
          dur="10s"/>
          > <set attributeName="display" to="none" begin="anim2.end"/>
          > </g>
          > </defs>
          > <use x="200" y="0" xlink:href="#tete" />





          -----
          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.