<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN"   "http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.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-overall-BE-01.svg                                           -->
<!--                                                                       -->
<!--  Test which verifies that the basic facilities of declarative         -->
<!--  animation are working.                                               -->
<!--                                                                       -->
<!-- Author : Jon Ferraiolo 03-Apr-2000                                    -->
<!--                                                                       -->
<!-- History:                                                              -->
<!--  03-Apr-2000, JF: Serial#1 created.                                   -->
<!--  03-Aug-2000, LH: update DOCTYPE for CR DTD, 20000802; ser# .         -->
<!--                                                                       -->
<!-- ===================================================================== -->
<!--======================================================================-->
<!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
<!--= log messages, and therefore is no longer in the preceding preamble.=-->
<!--======================================================================-->
<svg  id="svg-root" width="450" height="450">
	<title id="test-title">animation-overall-BE-01</title>
	<desc id="test-desc">Test which verifies that the basic facilities of declarative animation are working.</desc>
	<!--======================================================================-->
	<!--Content of Test Case follows...                  =====================-->
	<!--======================================================================-->
	<g id="test-body-content">
		<!-- Guide objects to show where the animation elements belong
       at which time -->
		<g style="font-family:Verdana; font-size:12">
			<text x="200" y="200">Yellow rect at time 0s</text>
			<rect x="200" y="200" width="50" height="50" style="fill:none; stroke:black"/>
			<text x="141.6666" y="158.3333">Yellow rect at time 3s</text>
			<rect x="141.6666" y="158.3333" width="166.6666" height="133.3333" style="fill:none; stroke:rgb(0,0,255)"/>
			<text x="25" y="75">Yellow rect at time 9s</text>
			<rect x="25" y="75" width="400" height="300" style="fill:none; stroke:rgb(0,0,255)"/>
			<text x="70" y="150">Text at 3s</text>
			<text transform="translate(50,150) rotate(-30)" style="fill:none; stroke:black; font-size:20">It's alive</text>
			<text x="5" y="120">Color at 3s</text>
			<rect x="5" y="125" width="15" height="15" style="fill:rgb(0,0,255)"/>
			<text x="100" y="270">Text at 6s</text>
			<text transform="translate(75,262.5) rotate(-15)" style="fill:none; stroke:black; font-size:40">It's alive</text>
			<text x="5" y="231.5">Color at 6s</text>
			<rect x="5" y="236.5" width="15" height="15" style="fill:rgb(64,0,127.5)"/>
			<text x="100" y="325">Text at 9s</text>
			<text x="100" y="375" style="fill:none; stroke:black; font-size:60">It's alive</text>
			<text x="5" y="345">Color at 9s</text>
			<rect x="5" y="350" width="15" height="15" style="fill:rgb(128,0,0)"/>
		</g>
		<rect id="RectElement" x="200" y="200" width="50" height="50" style="fill:rgb(255,255,0); opacity:.5">
			<animate attributeName="x" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="200" to="25"/>
			<animate attributeName="y" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="200" to="75"/>
			<animate attributeName="width" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="50" to="400"/>
			<animate attributeName="height" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="50" to="300"/>
		</rect>
		<!-- Set up a new user coordinate system so that
        the text string's origin is at (0,0), allowing
        rotation and scale relative to the new origin -->
		<g transform="translate(50,150)">
			<!-- The following illustrates the use of the 'set', 'animateMotion',
         'animateColor' and 'animateTransform' elements. The 'text' element 
         below starts off hidden (i.e., invisible). At 3 seconds, it:
           * becomes visible
           * continuously moves diagonally across the viewport
           * changes color from blue to dark red
           * rotates from -30 to zero degrees
           * scales by a factor of three. -->
			<text id="TextElement" x="0" y="0" style="font-family:Verdana; font-size:20; visibility:hidden">It's alive!<set attributeName="visibility" attributeType="CSS" to="visible" begin="3s" dur="6s" fill="freeze"/><animateMotion path="M 0 0 L 50 225" begin="3s" dur="6s" fill="freeze"/><animateColor attributeName="fill" attributeType="CSS" from="rgb(0,0,255)" to="rgb(128,0,0)" begin="3s" dur="6s" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" type="rotate" from="-30" to="0" begin="3s" dur="6s" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" type="scale" from="1" to="3" additive="sum" begin="3s" dur="6s" fill="freeze"/></text>
		</g>
	</g>
	<!--======================================================================-->
	<!--Legend and frame:      Title, suite and SVG document serialization====-->
	<!--======================================================================-->
	<g id="test-legend" style="fill:black;font-family:Helvetica;font-size:10">
		<rect x="10" y="390" width="275" height="50" style="fill:none;stroke:#000000"/>
		<path style="fill:none;stroke:#000000" d="M10 405 h275 M205 405 v35 M10 426 h195 M205 422 h80"/>
		<text x="25" y="401">Scalable Vector Graphics (SVG) Conformance Suite</text>
		<a xlink:href="copyright-documents-19990405.html">
			<text x="12" y="437" style="fill:blue">Copyright 2000 W3C. All Rights Reserved.
See http://www.w3.org/Consortium/Legal/.</text>
		</a>
		<text style="font-size:12" x="35" y="420">animation-overall-BE-01</text>
		<text style="font-size:10" x="210" y="417">$Revision: 1.1 $</text>
		<text style="font-size:10" x="210" y="435">Release 2.0</text>
		<rect id="test-frame" x="1" y="1" width="448" height="448" style="fill:none; stroke:#000000"/>
	</g>
</svg>