91 lines
6.0 KiB
XML
91 lines
6.0 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
|
|
<!--======================================================================-->
|
|
<!--= Copyright 2000 World Wide Web Consortium, (Massachusetts =-->
|
|
<!--= Institute of Technology, Institut National de Recherche en =-->
|
|
<!--= Informatique et en Automatique, Keio University). All Rights =-->
|
|
<!--= Reserved. See http://www.w3.org/Consortium/Legal/. =-->
|
|
<!--======================================================================-->
|
|
<!-- =====================================================================-->
|
|
<!-- -->
|
|
<!-- animation-add-BE-06.svg -->
|
|
<!-- renamed for 1.1 suite to animate-elem-09-t.svg -->
|
|
<!-- -->
|
|
<!-- Test possible values for 'calcMode' -->
|
|
<!-- -->
|
|
<!-- Author : Jon Ferraiolo 11-Aug-2000 -->
|
|
<!-- Revised for 1.1 : Mathias Larsson Carlander Feb/12/2002 -->
|
|
<!-- Revised for SVGT/B : Mathias Larsson Carlander Jul/1/2002 -->
|
|
<!-- -->
|
|
<!-- History: -->
|
|
<!-- 11-Aug-2000, JF: Serial#1 created. -->
|
|
<!-- -->
|
|
<!-- =====================================================================-->
|
|
<!--======================================================================-->
|
|
<!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
|
|
<!--= log messages, and therefore is no longer in the preceding preamble.=-->
|
|
<!--======================================================================-->
|
|
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360" >
|
|
<SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
|
|
<OperatorScript version="$Revision: 1.8 $" testname="animate-elem-09-t.svg">
|
|
<Paragraph>
|
|
Test possible values for 'calcMode="discrete"'
|
|
</Paragraph>
|
|
<Paragraph>
|
|
Two animations have been defined. For each animation, ruler lines and text are provided to help show what the correct behavior is.
|
|
The black text and ruler lines help show the sizes and movement of the rectangles over time.
|
|
</Paragraph>
|
|
<Paragraph>
|
|
The discrete animations should show stair-stepping animations, with quantum-level jumps every two seconds in these tests. The linear
|
|
animations change constantly with each keyframe to keyframe section, with the result that the change is faster when there is a larger
|
|
change within a given amount of time. The paced animations change constantly over the entire animation, regardless of the values at
|
|
particular keyframes. For calcMode='spline' in this test case, the initial rate of change is defined to be the same as linear, but the
|
|
last jump has an ease-in/ease-out effect where the change is slower at the start and end but faster in the middle.
|
|
</Paragraph>
|
|
</OperatorScript>
|
|
</SVGTestCase>
|
|
<title id="test-title">animate-elem-09-t</title>
|
|
<desc id="test-desc">Test possible values for 'calcMode'</desc>
|
|
<!--======================================================================-->
|
|
<!--Content of Test Case follows... =====================-->
|
|
<!--======================================================================-->
|
|
<g id="test-body-content">
|
|
<g xml:space="preserve" font-family="Arial" font-size="30" >
|
|
<g transform="translate(20,50)">
|
|
<text x="0" y="203">0-2 sec.</text>
|
|
<text x="0" y="170">2-4 sec. </text>
|
|
<text x="0" y="114">4-6 sec. </text>
|
|
<text x="3" y="3">6+ sec. </text>
|
|
<g stroke="#800" stroke-width="4">
|
|
<line x1="120" y1="200" x2="170" y2="200"/>
|
|
<line x1="120" y1="167" x2="170" y2="167"/>
|
|
<line x1="120" y1="111" x2="170" y2="111"/>
|
|
<line x1="120" y1="0" x2="170" y2="0"/>
|
|
</g>
|
|
<rect x="140" y="-10" width="60" height="210" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
|
<animate id="an1" attributeName="height" calcMode="discrete" values="210;177;121;10" begin="0s" dur="8s" fill="freeze"/>
|
|
</rect>
|
|
</g>
|
|
|
|
|
|
<g transform="translate(250,50)">
|
|
<text x="0" y="203">0-2 sec.</text>
|
|
<text x="0" y="170">2-4 sec. </text>
|
|
<text x="0" y="114">4-6 sec. </text>
|
|
<text x="3" y="3">6+ sec. </text>
|
|
<g stroke="#800" stroke-width="4">
|
|
<line x1="120" y1="200" x2="170" y2="200"/>
|
|
<line x1="120" y1="167" x2="170" y2="167"/>
|
|
<line x1="120" y1="111" x2="170" y2="111"/>
|
|
<line x1="120" y1="0" x2="170" y2="0"/>
|
|
</g>
|
|
<rect x="140" y="-10" width="60" height="10" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
|
<animateMotion calcMode="discrete" values="0,200; 0,167; 0,111; 0,0" begin="0s" dur="8s" fill="freeze"/>
|
|
</rect>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
<text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.8 $</text>
|
|
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
|
</svg>
|