106 lines
5.2 KiB
XML
106 lines
5.2 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!--======================================================================-->
|
|
<!--= Copyright 2004 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/. =-->
|
|
<!--======================================================================--><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="tiny" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
|
|
<SVGTestCase xmlns:testcase="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" reviewer="CN" owner="VH" desc="Basic Test on dur attribute" status="accepted" version="$Revision: 1.5 $" testname="$RCSfile: animate-elem-64-t.svg,v $">
|
|
<OperatorScript>
|
|
<Paragraph>
|
|
This tests performs basic tests on the dur attribute.
|
|
</Paragraph>
|
|
<Paragraph>
|
|
The first row shows a red rectangle subject to a <set> animation
|
|
with no begin attribute, no end attribute and a dur attribute set to
|
|
'2s'. Therefore, the animation should be active from 0 to 2 seconds and
|
|
then terminate. Consequently, the rectangle should show on the right
|
|
for the first two seconds, and then move to the left position.
|
|
</Paragraph>
|
|
<Paragraph>
|
|
The second row shows a red rectangle subject to a <set> animation
|
|
with no begin attribute, no end attribute and a dur attribute set to
|
|
'indefinite'. Therefore, the animation should stay active indefinitely
|
|
and the rectangle should always be on the right position, never on the
|
|
left position.
|
|
</Paragraph>
|
|
<Paragraph>
|
|
Finally, the third row shows red rectangle subject to a <set> animation
|
|
with no begin attribute, no end attribute and a dur attribute set to
|
|
'media'. In the context of SVG 1.1, this is equivalent to an 'indefinite'
|
|
value. Therefore, the animation should stay active indefinitely
|
|
and the rectangle should always be on the right position, never on the
|
|
left position.
|
|
</Paragraph>
|
|
</OperatorScript>
|
|
</SVGTestCase>
|
|
<title id="test-title">$RCSfile: animate-elem-64-t.svg,v $</title>
|
|
|
|
<!--======================================================================-->
|
|
<!--Content of Test Case follows... =====================-->
|
|
<!--======================================================================-->
|
|
<text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.5 $</text>
|
|
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
|
|
|
<text text-anchor="middle" x="240" y="30" font-size="20">dur</text>
|
|
|
|
<g transform="translate(100, 100)">
|
|
|
|
<g transform="translate(80,25)" text-anchor="end" font-size="14">
|
|
<text>clock value</text>
|
|
<text y="65">indefinite</text>
|
|
<text y="130">media</text>
|
|
</g>
|
|
|
|
<g id="timeMarkersText" transform="translate(150, 5)" text-anchor="middle" font-size="14">
|
|
<text>> 2s</text>
|
|
<text x="80">0s-2s</text>
|
|
|
|
<g transform="translate(0, 65)">
|
|
<text>never</text>
|
|
<text x="80">> 0s</text>
|
|
</g>
|
|
|
|
<g transform="translate(0, 130)">
|
|
<text>never</text>
|
|
<text x="80">> 0s</text>
|
|
</g>
|
|
</g>
|
|
|
|
<g transform="translate(150,20)" stroke="black">
|
|
<defs>
|
|
<rect id="shadow" x="-6" y="-6" width="12" height="12" fill="#ccc" stroke="black" stroke-width="1"/>
|
|
</defs>
|
|
|
|
<g id="setOne">
|
|
<use xlink:href="#shadow" x="0"/>
|
|
<use xlink:href="#shadow" x="80"/>
|
|
|
|
<rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
|
|
<set id="firstSet" attributeName="x" to="74" dur="2s"/>
|
|
</rect>
|
|
</g>
|
|
|
|
<g id="setTwo" transform="translate(0, 65)">
|
|
<use xlink:href="#shadow" x="0"/>
|
|
<use xlink:href="#shadow" x="80"/>
|
|
|
|
<rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
|
|
<set attributeName="x" to="74" dur="indefinite"/>
|
|
</rect>
|
|
</g>
|
|
|
|
<g id="setThree" transform="translate(0, 130)">
|
|
<use xlink:href="#shadow" x="0"/>
|
|
<use xlink:href="#shadow" x="80"/>
|
|
|
|
<rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
|
|
<set attributeName="x" to="74" dur="media"/>
|
|
</rect>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|