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 00:41:58 -0500
Message-ID: <40232926.D71AEED0@eduneer.com>
To: www-svg@w3.org

> 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
Received on Friday, 6 February 2004 00:42:51 GMT

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