TIMER:
Timer: 0
EXPECTED BEHAVIOR:
Testing: keyspline, keytime.
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 freeze.
SAMPLE CODE:
<t:animate begin="2s" dur="5s" calcMode="spline" values="170;35" keySplines=".5 0 .5 1" keyTimes="0; 1" targetElement="T1" attributeName="style.top" fill="freeze"/>
<t:animate begin="2s" dur="5s" calcMode=linear values="35;170" targetElement="T1" attributeName="style.left" fill="freeze"/>
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: keySpline, keyTime, begin, dur, calcMode=spline, values, targetElement, fill=freeze
File Name: animate_spline_002.htm
Media Components: images/spline_img02.gif