TIMER:
Timer: 0
EXPECTED BEHAVIOR:
Testing: keySplines, keyTimes, autoReverse.
At 0 seconds, the red dot will be in the upper left corner of the graph.
At 2 seconds, the red dot will start following the blue line from the lower left corner.
At 7 seconds, the red dot will have reached the upper right corner of the blue line and autorevese.
At 12 seconds, the red dot will have reached the start postion of the blue line and move back to the upper left corner.
**Note that the begin=2s is ignored on autoReverse causing the anamation to completed in 12 seconds.
SAMPLE CODE:
<t:animate begin="2s" dur="5s" calcMode="spline" values="170;35" keySplines="1 0 .25 .25" keyTimes="0; 1" targetElement="T1" attributeName="style.top" fill="remove" autoreverse="true"/>
<t:animate begin="2s" dur="5s" calcMode=linear values="35;170" targetElement="T1" attributeName="style.left" fill="remove" autoreverse="true"/>
INFORMATION:
Copyright: Copyright 1998-2001 W3C (MIT, INRIA, Keio), All Rights Reserved. See http://www.w3.org/Consortium/Legal/. Author: Debbie Newman, Microsoft
Version: 11/02/2000
Module: animate
Feature: autoReverse, keySpline, keyTime, begin, dur, calcMode=spline, values, targetElement, fill=remove
File Name: animate_spline_004_reverse.htm
Media Components: images/spline_img04.gif