<?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">
<animate attributeName="fill"
from="#000000" to="green"
begin="0s" dur="5s" fill="freeze" />
</rect>
<rect fill="#f00" x="140" y="50" height="100" width="90">
<animate 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">
<animate 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">
<animate 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">
<animate attributeName="fill"
from="#008000" to="currentColor"
begin="5s" dur="5s" fill="freeze" />
<animate 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">
<animate attributeName="fill"
from="#008000" to="currentColor"
begin="5s" dur="5s" fill="freeze" />
<animate 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"/>
<script>
// Pause the animation at t=0.
document.documentElement.pauseAnimations();
</script>
</svg>
Codebase Browser
chromium