    <?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.4 $</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>