70 lines
3.9 KiB
XML
70 lines
3.9 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-flat.dtd">
|
|
<svg version="1.1" baseProfile="tiny" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<!--======================================================================-->
|
|
<!--= Copyright 2006 World Wide Web Consortium, (Massachusetts =-->
|
|
<!--= Institute of Technology, European Research Consortium for =-->
|
|
<!--= Informatics and Mathematics (ERCIM), Keio University). =-->
|
|
<!--= All Rights Reserved. =-->
|
|
<!--= See http://www.w3.org/Consortium/Legal/. =-->
|
|
<!--======================================================================-->
|
|
<!-- NOTE: CVS will automatically update the -->
|
|
<!-- "$RCSfile: animate-elem-85-t.svg,v $" and "$Revision: 1.2 $" -->
|
|
<!-- fields in the file. -->
|
|
<!-- There is no need to update this information. -->
|
|
<!-- =====================================================================-->
|
|
<SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" reviewer="DJ" owner="CL" desc="test animation with currentColor" status="reviewed" version="$Revision: 1.2 $" testname="$RCSfile: animate-elem-85-t.svg,v $">
|
|
<OperatorScript>
|
|
<Paragraph>
|
|
All four rectangles at the top should smoothly animate from black to green over 5 seconds.
|
|
During this time the bottom two rectangles should be black.
|
|
Then, the bottom two rectangles should smoothly animate from green, through orange, to yellow.
|
|
</Paragraph>
|
|
</OperatorScript>
|
|
</SVGTestCase>
|
|
<title id="test-title">$RCSfile: animate-elem-85-t.svg,v $</title>
|
|
<!--======================================================================-->
|
|
<!--Content of Test Case follows... =====================-->
|
|
<!--======================================================================-->
|
|
<g id="test-body-content">
|
|
<rect fill="#f00" x="30" y="50" height="100" width="90">
|
|
<animateColor attributeName="fill"
|
|
from="#000000" to="green"
|
|
begin="0s" dur="5s" fill="freeze" />
|
|
</rect>
|
|
<rect fill="#f00" x="140" y="50" height="100" width="90">
|
|
<animateColor attributeName="fill"
|
|
from="#000000" to="#008000"
|
|
begin="0s" dur="5s" fill="freeze" />
|
|
</rect>
|
|
<rect color="green" fill="#f00" x="250" y="50" height="100" width="90">
|
|
<animateColor attributeName="fill"
|
|
from="#000000" to="currentColor"
|
|
begin="0s" dur="5s" fill="freeze" />
|
|
</rect>
|
|
<rect color="black" fill="#f00" x="360" y="50" height="100" width="90">
|
|
<animateColor attributeName="fill"
|
|
to="#008000" from="currentColor"
|
|
begin="0s" dur="5s" fill="freeze" />
|
|
</rect>
|
|
<rect color="black" fill="#f00" x="100" y="180" height="60" width="280">
|
|
<animateColor attributeName="fill"
|
|
from="#008000" to="currentColor"
|
|
begin="5s" dur="5s" fill="freeze" />
|
|
<animateColor attributeName="color"
|
|
to="yellow" from="red"
|
|
begin="5s" dur="5s" fill="freeze" />
|
|
</rect>
|
|
<rect color="black" fill="#f00" x="100" y="260" height="60" width="280">
|
|
<animateColor attributeName="fill"
|
|
from="#008000" to="currentColor"
|
|
begin="5s" dur="5s" fill="freeze" />
|
|
<animateColor attributeName="color"
|
|
to="yellow" from="#f00"
|
|
begin="5s" dur="5s" fill="freeze" />
|
|
</rect>
|
|
</g>
|
|
<text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.2 $</text>
|
|
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
|
</svg>
|