<
svg id="svg-root"
width="450"
height="450" xmlns:xlink="
http://www.w3.org/1999/xlink" xmlns="
http://www.w3.org/2000/svg" >
<
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>
<
g id="test-body-content">
<
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>
<
g transform="translate(50,150)">
<
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>
<
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.</
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>
