W3C home > Mailing lists > Public > www-svg@w3.org > February 2004

Re: reversing path direction (path animation)

From: Greg Sepesi <sepesi@eduneer.com>
Date: Fri, 06 Feb 2004 08:41:23 -0500
Message-ID: <40239983.4E017173@eduneer.com>
To: www-svg@w3.org

Greg Sepesi wrote:
> 
> > From: Dean Jackson <dean@w3.org>
> > Date: Thu, 14 Nov 2002 01:12:36 +1100
> > To: Matthew Chadwick <Matthew.Chadwick@coi.gsi.gov.uk>
> > Cc: www-svg@w3.org
> > Message-ID: <20021113141236.GC31198@grorg.org>
> >
> > On Mon, 07 Oct 2002, Matthew Chadwick wrote:
> >
> > >
> > > Is there a way to reverse a path or to set animateMotion or mpath such that objects following a path can move in both directions along it ?
> >
> > Yes.
> >
> > <animateMotion .... from="1" to="0"  ...../>
> >
> > would be a reversed animation.
> >
> > Dean
> >
> 
> In the following example, specifying from="1" to="0" doesn't reverse the
> animation in Adobe SVG Viewer 3.01.  Does it in other viewers?
> 
> - - -
> 
> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
> <svg viewBox="-20 -10 40 20"
>     preserveAspectRatio="xMidYMid"
>     xmlns="http://www.w3.org/2000/svg"
>     xmlns:xlink="http://www.w3.org/1999/xlink">
> 
>     <title>test32.svg</title>
>     <desc>test path direction</desc>
> 
>     <defs>
>         <style type="text/css">
>             <![CDATA[
>             .TestLine { fill:none; opacity:0.5; stroke:black;
> stroke-width:2; stroke-linecap:round; }
>             .TestFont { font-size:0.75; font-family:Verdana;
> stroke:blue; stroke-width:0.05; fill:none; fill-opacity:0.2}
>                                                 .TestText { baseline-shift:-35%; opacity:0.5; }
>             ]]>
>         </style>
> 
>         <path id="path1" d="M -10 0 L 10 0"/>
>     </defs>
> 
>     <g>
>         <use xlink:href="#path1" class="TestLine" />
> 
>         <text class="TestFont">
>             <textPath xlink:href="#path1" class="TestText" >left to
> right text</textPath>
>         </text>
> 
>         <circle r="0.75" fill="red" stroke="blue" stroke-width="0.5">
>             <animateMotion dur="6s" from="1" to="0"
> repeatCount="indefinite" >
>                 <mpath xlink:href="#path1"/>
>             </animateMotion>
>         </circle>
>     </g>
> </svg>
> 
> - - -
> 
> Regards,
> Greg

Question resolved by

--- In svg-developers@yahoogroups.com, "andre m. winter"
<andre.winter@u...> wrote:
> hi,
> 
> SVG1.0 (implemented inside ASV3.x) doesn't support path inversions. buz 
> SVG1.2 should handle that: <http://www.w3.org/TR/SVG12/#veReverse-element>
> 
> right now it is possible to run animations the other way round with 
> scripting. at least i succeeded doing so for dash-array-animations. you 
> need to add scripting as you always will need the path's length for 
> computing backward animations.
> 
> andré

Thanks,
Greg
Received on Friday, 6 February 2004 08:42:20 GMT

This archive was generated by hypermail 2.3.1 : Friday, 8 March 2013 15:54:26 GMT