mirror of
https://github.com/servo/servo.git
synced 2025-08-28 16:48:22 +01:00
Update web-platform-tests to revision dc5cbf088edcdb266541d4e5a76149a2c6e716a0
This commit is contained in:
Ms2ger
parent
1d40075f03
commit
079092dfea
2381 changed files with 90360 additions and 17722 deletions
|
|
@ -0,0 +1,130 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset=utf-8>
|
||||
<title><svg>'s HTML integration points</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- self-closed elements -->
|
||||
<svg>
|
||||
<title/>
|
||||
<desc/>
|
||||
<foreignObject height=0 width=0 />
|
||||
</svg>
|
||||
|
||||
<!-- null-content elements -->
|
||||
<svg>
|
||||
<title></title>
|
||||
<desc></desc>
|
||||
<foreignObject height=0 width=0></foreignObject>
|
||||
</svg>
|
||||
|
||||
<!-- just white space -->
|
||||
<svg>
|
||||
<title>
|
||||
|
||||
</title>
|
||||
<desc>
|
||||
|
||||
</desc>
|
||||
<foreignObject height=0 width=0>
|
||||
|
||||
|
||||
</foreignObject>
|
||||
</svg>
|
||||
|
||||
<!-- plain text -->
|
||||
<svg>
|
||||
<title>foo</title>
|
||||
<desc>foo</desc>
|
||||
<foreignObject height=0 width=0>foo</foreignObject>
|
||||
</svg>
|
||||
|
||||
<!-- phrasing content -->
|
||||
<svg>
|
||||
<title>
|
||||
fee
|
||||
<a href="//example.com/">fi</a>
|
||||
<em>fo</em>
|
||||
<svg>
|
||||
<title>fum</title>
|
||||
</svg>
|
||||
<svg>
|
||||
<title>
|
||||
<svg>
|
||||
<title>
|
||||
<svg>
|
||||
<title>Yes, this is somehow totally valid.</title>
|
||||
</svg>
|
||||
</title>
|
||||
</svg>
|
||||
</title>
|
||||
</svg>
|
||||
</title>
|
||||
|
||||
<desc>
|
||||
fee
|
||||
<a href="//example.com/">fi</a>
|
||||
<em>fo</em>
|
||||
<svg>
|
||||
<title>fum</title>
|
||||
</svg>
|
||||
<svg>
|
||||
<title>
|
||||
<svg>
|
||||
<title>
|
||||
<svg>
|
||||
<title>Yes, this is somehow totally valid.</title>
|
||||
</svg>
|
||||
</title>
|
||||
</svg>
|
||||
</title>
|
||||
</svg>
|
||||
</desc>
|
||||
|
||||
<foreignObject height=0 width=0>
|
||||
fee
|
||||
<a href="//example.com/">fi</a>
|
||||
<em>fo</em>
|
||||
<svg>
|
||||
<title>fum</title>
|
||||
</svg>
|
||||
<svg>
|
||||
<title>
|
||||
<svg>
|
||||
<title>
|
||||
<svg>
|
||||
<title>Yes, this is somehow totally valid.</title>
|
||||
</svg>
|
||||
</title>
|
||||
</svg>
|
||||
</title>
|
||||
</svg>
|
||||
</foreignObject>
|
||||
</svg>
|
||||
|
||||
<!-- flow content (<title> cannot have it, it only allows phrasing) -->
|
||||
<svg>
|
||||
<desc>
|
||||
<section>
|
||||
<h1>Heading</h1>
|
||||
</section>
|
||||
</desc>
|
||||
|
||||
<foreignObject height=0 width=0>
|
||||
<section>
|
||||
<h1>Heading</h1>
|
||||
</section>
|
||||
</foreignObject>
|
||||
</svg>
|
||||
|
||||
<!-- metadata content not allowable in flow content (<title> and <foreignObject> cannot have this, only <desc>) -->
|
||||
<svg>
|
||||
<desc>
|
||||
<style> /* */ </style>
|
||||
<link href="/whatever" rel="stylesheet">
|
||||
<title>I'm an HTML <title>!</title>
|
||||
</desc>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,176 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-dom-01-f-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-dom-01-f-manual.svg</h1>
|
||||
<svg 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 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-dom-01-f.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
|
||||
<text x='30' y='30'>Testing SVGAnimationElement.getStartTime()</text>
|
||||
|
||||
<text x='340' y='340' display='none'>Test running...
|
||||
<set attributeName='display' to='inline' begin='0s' dur='2.5s'/>
|
||||
</text>
|
||||
|
||||
<g id='g' display='none'/>
|
||||
|
||||
<animate id='a1' attributeName='display' values='inline; inline'
|
||||
calcMode='discrete' begin='1s' dur='1s'/>
|
||||
<animate id='a2' attributeName='display' values='inline; inline'
|
||||
calcMode='discrete' begin='1s' dur='1s' fill='freeze'/>
|
||||
<animate id='a3' attributeName='display' values='inline; inline'
|
||||
calcMode='discrete' begin='indefinite' dur='1s'/>
|
||||
<animate id='a4' attributeName='display' values='inline; inline'
|
||||
calcMode='discrete' begin='indefinite; 100s; g.click; 1s; indefinite' dur='1s'/>
|
||||
<animate id='a5' attributeName='display' values='inline; inline'
|
||||
calcMode='discrete' begin='100s; 1s' dur='1s'/>
|
||||
<animate id='a6dep' attributeName='display' values='inline; inline'
|
||||
calcMode='discrete' begin='5s' dur='1s'/>
|
||||
<animate id='a6' attributeName='display' values='inline; inline'
|
||||
calcMode='discrete' begin='a6dep.begin+2s' dur='1s'/>
|
||||
|
||||
<animate attributeName='display' values='inline; inline'
|
||||
calcMode='discrete' begin='0.5s' dur='1s' onbegin='before()'/>
|
||||
<animate attributeName='display' values='inline; inline'
|
||||
calcMode='discrete' begin='1.5s' dur='1s' onbegin='during()'/>
|
||||
<animate attributeName='display' values='inline; inline'
|
||||
calcMode='discrete' begin='2.5s' dur='1s' onbegin='after()'/>
|
||||
|
||||
<g transform='translate(30,-10)'>
|
||||
<rect id='r1' y='50' width='25' height='25'/>
|
||||
<rect id='r2' y='80' width='25' height='25'/>
|
||||
<rect id='r3' y='110' width='25' height='25'/>
|
||||
<rect id='r4' y='140' width='25' height='25'/>
|
||||
<rect id='r5' y='170' width='25' height='25'/>
|
||||
<rect id='r6' y='200' width='25' height='25'/>
|
||||
<rect id='r7' y='230' width='25' height='25'/>
|
||||
<rect id='r8' y='260' width='25' height='25'/>
|
||||
</g>
|
||||
|
||||
<g font-size='14' transform='translate(70,-15)'>
|
||||
<text y='72'>Called before a lone interval starts</text>
|
||||
<text y='102'>Called on an animation with no intervals</text>
|
||||
<text y='132'>Called during an interval</text>
|
||||
<text y='162'>Called after a lone interval ends, fill="remove"</text>
|
||||
<text y='192'>Called after a lone interval ends, fill="freeze"</text>
|
||||
<text y='222'>Called with multiple begin values</text>
|
||||
<text y='252'>Called with multiple begin values including "indefinite"</text>
|
||||
<text y='282'>Called with syncbase begin value</text>
|
||||
</g>
|
||||
<script><![CDATA[
|
||||
var i, ids = 'a1 a2 a3 a4 a5 a6 r1 r2 r3 r4 r5 r6 r7 r8'.split(' ');
|
||||
for (i in ids) {
|
||||
this[ids[i]] = document.getElementById(ids[i]);
|
||||
}
|
||||
|
||||
function before() {
|
||||
try {
|
||||
if (a1.getStartTime() == 1) {
|
||||
r1.setAttributeNS(null, 'fill', 'lime');
|
||||
}
|
||||
} catch (e) {
|
||||
r1.setAttributeNS(null, 'fill', 'red');
|
||||
}
|
||||
|
||||
r2.setAttributeNS(null, 'fill', 'red');
|
||||
try {
|
||||
a3.getStartTime();
|
||||
} catch (e) {
|
||||
if (e.code == DOMException.INVALID_STATE_ERR) {
|
||||
r2.setAttributeNS(null, 'fill', 'lime');
|
||||
}
|
||||
}
|
||||
|
||||
try {
|
||||
if (a4.getStartTime() == 1) {
|
||||
r6.setAttributeNS(null, 'fill', 'lime');
|
||||
}
|
||||
} catch (e) {
|
||||
r6.setAttributeNS(null, 'fill', 'red');
|
||||
}
|
||||
|
||||
try {
|
||||
if (a5.getStartTime() == 1) {
|
||||
r7.setAttributeNS(null, 'fill', 'lime');
|
||||
}
|
||||
} catch (e) {
|
||||
r7.setAttributeNS(null, 'fill', 'red');
|
||||
}
|
||||
|
||||
try {
|
||||
if (a6.getStartTime() == 7) {
|
||||
r8.setAttributeNS(null, 'fill', 'lime');
|
||||
}
|
||||
} catch (e) {
|
||||
r8.setAttributeNS(null, 'fill', 'red');
|
||||
}
|
||||
}
|
||||
|
||||
function during() {
|
||||
try {
|
||||
if (a1.getStartTime() == 1) {
|
||||
r3.setAttributeNS(null, 'fill', 'lime');
|
||||
}
|
||||
} catch (e) {
|
||||
r3.setAttributeNS(null, 'fill', 'red');
|
||||
}
|
||||
}
|
||||
|
||||
function after() {
|
||||
r4.setAttributeNS(null, 'fill', 'red');
|
||||
try {
|
||||
a1.getStartTime();
|
||||
} catch (e) {
|
||||
if (e.code == DOMException.INVALID_STATE_ERR) {
|
||||
r4.setAttributeNS(null, 'fill', 'lime');
|
||||
}
|
||||
}
|
||||
|
||||
r5.setAttributeNS(null, 'fill', 'red');
|
||||
try {
|
||||
a2.getStartTime();
|
||||
} catch (e) {
|
||||
if (e.code == DOMException.INVALID_STATE_ERR) {
|
||||
r5.setAttributeNS(null, 'fill', 'lime');
|
||||
}
|
||||
}
|
||||
}
|
||||
]]></script>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.11 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved --><!--
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-dom-02-f-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-dom-02-f-manual.svg</h1>
|
||||
<svg 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 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-dom-02-f.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
|
||||
<text x='10' y='30'>Testing ElementTimeControl method return values</text>
|
||||
|
||||
<rect id='r' x='10' y='50' width='50' height='50'/>
|
||||
<animate id='a' attributeName='display' values='inline; inline' dur='10s'/>
|
||||
<animate attributeName='display' values='inline; inline' onbegin='f()' dur='10s'/>
|
||||
|
||||
<script><![CDATA[
|
||||
function f() {
|
||||
var a = document.getElementById('a');
|
||||
var b = false;
|
||||
try {
|
||||
b = typeof a.beginElement() == 'undefined'
|
||||
&& typeof a.beginElementAt(100) == 'undefined'
|
||||
&& typeof a.endElement() == 'undefined'
|
||||
&& typeof a.endElementAt(200) == 'undefined';
|
||||
} catch (e) {
|
||||
}
|
||||
document.getElementById('r').setAttribute('fill', b ? 'green' : 'red');
|
||||
}
|
||||
]]></script>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved --><!--
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,82 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-02-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-02-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-02-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g font-family="Arial" font-size="30">
|
||||
<g transform="translate(0, 0)">
|
||||
<rect x="60" y="20" width="50" height="200" fill="#dfdfdf" stroke="#dfdfdf" stroke-width="4"/>
|
||||
<line x1="40" x2="100" y1="220" y2="220" fill="none" stroke="#880000" stroke-width="4"/>
|
||||
<line x1="40" x2="100" y1="120" y2="120" fill="none" stroke="#880000" stroke-width="4"/>
|
||||
<rect x="60" y="20" width="50" height="20" fill="#0f5" stroke="#085" stroke-width="4">
|
||||
<animate id="an5" attributeName="height" calcMode="discrete" additive="replace" accumulate="none" repeatCount="2" from="200" to="20" begin="0s" dur="4s" fill="freeze"/>
|
||||
</rect>
|
||||
<text x="30" y="285" fill="navy">anim.5</text>
|
||||
</g>
|
||||
<g transform="translate(110, 0)">
|
||||
<rect x="60" y="20" width="50" height="200" fill="#dfdfdf" stroke="#dfdfdf" stroke-width="4"/>
|
||||
<line x1="40" x2="100" y1="220" y2="220" fill="none" stroke="#880000" stroke-width="4"/>
|
||||
<line x1="40" x2="100" y1="120" y2="120" fill="none" stroke="#880000" stroke-width="4"/>
|
||||
<rect x="60" y="20" width="50" height="20" fill="#0f5" stroke="#085" stroke-width="4">
|
||||
<animate id="an6" attributeName="height" calcMode="discrete" additive="sum" accumulate="none" repeatCount="2" from="200" to="20" begin="0s" dur="4s" fill="freeze"/>
|
||||
</rect>
|
||||
<text x="30" y="285" fill="navy">anim.6</text>
|
||||
</g>
|
||||
<g transform="translate(220, 0)">
|
||||
<rect x="60" y="20" width="50" height="200" fill="#dfdfdf" stroke="#dfdfdf" stroke-width="4"/>
|
||||
<line x1="40" x2="100" y1="220" y2="220" fill="none" stroke="#880000" stroke-width="4"/>
|
||||
<line x1="40" x2="100" y1="120" y2="120" fill="none" stroke="#880000" stroke-width="4"/>
|
||||
<rect x="60" y="20" width="50" height="20" fill="#0f5" stroke="#085" stroke-width="4">
|
||||
<animate id="an7" attributeName="height" calcMode="discrete" additive="replace" accumulate="sum" repeatCount="2" from="200" to="20" begin="0s" dur="4s" fill="freeze"/>
|
||||
</rect>
|
||||
<text x="30" y="285" fill="navy">anim.7</text>
|
||||
</g>
|
||||
<g transform="translate(330, 0)">
|
||||
<rect x="60" y="20" width="50" height="200" fill="#dfdfdf" stroke="#dfdfdf" stroke-width="4"/>
|
||||
<line x1="40" x2="100" y1="220" y2="220" fill="none" stroke="#880000" stroke-width="4"/>
|
||||
<line x1="40" x2="100" y1="120" y2="120" fill="none" stroke="#880000" stroke-width="4"/>
|
||||
<rect x="60" y="20" width="50" height="20" fill="#0f5" stroke="#085" stroke-width="4">
|
||||
<animate id="an8" attributeName="height" calcMode="discrete" additive="sum" accumulate="sum" repeatCount="2" from="200" to="20" begin="0s" dur="4s" fill="freeze"/>
|
||||
</rect>
|
||||
<text x="30" y="285" fill="navy">anim.8</text>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.8 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-03-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-03-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-03-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
<font id="MyDecFont" horiz-adv-x="466">
|
||||
<font-face font-family="MyDecFont"/>
|
||||
<missing-glyph horiz-adv-x="233" d="M 50 0 L50 700 200 700 200 0 z"/>
|
||||
<glyph unicode=" " glyph-name="space" horiz-adv-x="233"/>
|
||||
<glyph unicode="1" glyph-name="one" horiz-adv-x="558" d="M458 716L100 534V428L357 552V97H241V380L140 328V0H458V716Z"/>
|
||||
<glyph unicode="2" glyph-name="two" horiz-adv-x="585" d="M69 509Q82 523 102 541T147 575T203 603T268 614Q311 614 342 599T392 560T421 505T430 443Q430 420 423 398T405 352L343 201H444L492 309Q508 345 519 379T531 448Q531 504 511 552T454 635T369 691T262 711Q231 711 204 704T152 684T106 655T69 623V509ZM535 97H187L309 422Q316 441 315 457T306 483T287 500T265 506Q261 506 254 505T239 499T224 485T211 461L50 0H535V97Z"/>
|
||||
<glyph unicode="3" glyph-name="three" horiz-adv-x="542" d="M58 553Q109 588 148 601T220 614Q255 614 282 604T328 575T356 535T366 488Q366 475 364 460T355 429T336 397T302 368Q311 363 325 353T352 326T376 286T386 232Q386 203 376 177T345 130T295 98T227 86Q179 86 134 104T50 153V45Q59 38 74 29T111 10T163 -5T231 -11Q296 -11 345 8T426 58T475 131T492 218Q492 251 486 276T469 320T446 354T421 378Q438 396 454 425T470 503Q470 546 454 584T406 650T332 695T233 711Q179 711 137 696T58 655V553ZM156 255Q156
|
||||
229 173 212T217 194Q243 194 260 211T278 255Q278 281 261 298T217 316Q191 316 174 299T156 255ZM161 467Q161 444 177 428T216 412Q225 412 234 415T252 425T265 442T271 467Q271 491 256 506T216 522Q202 522 192 517T174 503T164 486T161 467Z"/>
|
||||
<glyph unicode="S" glyph-name="S" horiz-adv-x="629" d="M523 658Q479 681 426 696T317 711Q251 711 200 690T113 634T59 551T40 452Q40 404 59 356T114 270T198 210T304 194Q310 195 319 197T336 204T351 219T357 246Q357 261 351 270T337 285T320 291T305 294Q251 300 220 319T172 363T151 411T146 454Q146 478 154 506T183 558T237 598T322 614Q375 614 426 598T523 548V658ZM96 42Q140 19 193 4T302 -11Q368 -11 419 10T506 66T560 149T579 248Q579 296 560 344T505 431T421 490T315 506Q309 505 300 503T282 496T268 480T262
|
||||
454Q262 439 268 430T282 415T299 409T314 406Q368 399 399 380T447 336T468 288T473 246Q473 222 465 194T436 142T382 102T297 86Q244 86 193 102T96 152V42Z"/>
|
||||
<glyph unicode="a" glyph-name="a" horiz-adv-x="578" d="M450 0H548V198Q548 288 522 344T458 433T375 477T292 489Q240 489 194 470T114 418T60 339T40 240Q40 180 63 134T122 55T202 6T291 -11Q311 -11 325 -9T352 -1V96Q341 89 331 86T305 83Q265 83 234 96T182 132T149 183T138 242Q138 275 150 303T183 351T232 383T294 395Q306 395 332 391T384 368T430 311T450 203V0ZM236 239Q236 215 253 198T294 181Q318 181 335 198T352 239Q352 263 335 280T294 297Q270 297 253 280T236 239Z"/>
|
||||
<glyph unicode="m" glyph-name="m" horiz-adv-x="774" d="M40 0H138V231Q138 280 150 312T181 362T223 388T269 395Q294 395 314 388T349 370T374 346T392 318Q407 353 440 374T515 395Q531 395 553 390T596 368T631 319T646 231V0H744V231Q744 248 743 273T735 327T715 385T678 437T619 474T532 489Q504 489 482 484T443 470T412 451T390 431Q358 464 321 476T252 489Q222 489 185 481T116 445T62 367T40 231V0ZM242 0H542V246Q542 275 526 286T493 297Q473 297 459 283T444 246V94H340V246Q340 269 326 283T291 297Q275
|
||||
297 259 286T242 246V0Z"/>
|
||||
<glyph unicode="p" glyph-name="p" horiz-adv-x="552" d="M40 -184H138V192H267Q284 192 300 204T316 239Q316 259 303 272T267 286H40V-184ZM40 384H261Q297 384 325 372T373 340T403 294T414 238Q414 209 403 183T373 137T326 106T264 94H236V0H264Q318 0 363 18T442 69T493 144T512 238Q512 288 494 332T442 408T363 459T263 478H40V384Z"/>
|
||||
<glyph unicode="l" glyph-name="l" horiz-adv-x="380" d="M340 662H40V0H340V94H138V568H242V192H340V662Z"/>
|
||||
<glyph unicode="e" glyph-name="e" horiz-adv-x="530" d="M500 192V227Q500 296 480 346T428 427T354 474T271 489Q221 489 178 470T101 418T49 340T30 243Q30 204 43 161T87 83T171 24T303 0H482V94H298Q250 94 217 108T165 144T137 192T128 244Q128 276 139 303T171 351T218 383T275 395Q301 395 322 386T360 362T386 327T402 286H277Q253 286 240 272T226 239Q226 223 237 208T277 192H500Z"/>
|
||||
</font>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g font-family="MyDecFont" fill="#00f" stroke="none">
|
||||
<g id="AnimationTarget">
|
||||
<text x="20" y="80" font-size="40">Sample 123</text>
|
||||
<text x="20" y="155" font-size="60" fill="#00f">Sample 123</text>
|
||||
<text x="20" y="250">Sample 123</text>
|
||||
<animate attributeName="font-size" attributeType="CSS" begin="0s" dur="6s" fill="freeze" from="40" to="80"/>
|
||||
<animate attributeName="fill" attributeType="CSS" begin="0s" dur="6s" fill="freeze" from="#00f" to="#070"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.8 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-04-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-04-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-04-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g font-size="36">
|
||||
<text x="48" y="48">Test a motion path</text>
|
||||
<text x="48" y="95">'from'/'to' attribute.</text>
|
||||
<path d="M90,258 L390,180" fill="none" stroke="black" stroke-width="6"/>
|
||||
<rect x="60" y="198" width="60" height="60" fill="#FFCCCC" stroke="black" stroke-width="6"/>
|
||||
<text x="90" y="300" text-anchor="middle">0 sec.</text>
|
||||
<rect x="360" y="120" width="60" height="60" fill="#FFCCCC" stroke="black" stroke-width="6"/>
|
||||
<text x="390" y="230" text-anchor="middle">3+ sec.</text>
|
||||
<path d="M-30,0 L0,-60 L30,0 z" fill="blue" stroke="green" stroke-width="6">
|
||||
<animateMotion from="90,258" to="390,180" begin="0s" dur="3s" fill="freeze"/>
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-05-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-05-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-05-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g font-size="36">
|
||||
<text x="48" y="48">Test a motion path</text>
|
||||
<text x="48" y="95">'values' attribute.</text>
|
||||
<path d="M90,258 L240,180 L390,180" fill="none" stroke="black" stroke-width="6"/>
|
||||
<rect x="60" y="198" width="60" height="60" fill="#FFCCCC" stroke="black" stroke-width="6"/>
|
||||
<text x="90" y="300" text-anchor="middle">0 sec.</text>
|
||||
<rect x="210" y="120" width="60" height="60" fill="#FFCCCC" stroke="black" stroke-width="6"/>
|
||||
<text x="240" y="222" text-anchor="middle">3+</text>
|
||||
<rect x="360" y="120" width="60" height="60" fill="#FFCCCC" stroke="black" stroke-width="6"/>
|
||||
<text x="390" y="222" text-anchor="middle">6+</text>
|
||||
<path d="M-30,0 L0,-60 L30,0 z" fill="blue" stroke="green" stroke-width="6">
|
||||
<animateMotion values="90,258;240,180;390,180" begin="0s" dur="6s" calcMode="linear" fill="freeze"/>
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-06-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-06-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-06-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g font-size="36">
|
||||
<text x="48" y="48">Test a motion path</text>
|
||||
<text x="48" y="95">'path' attribute.</text>
|
||||
<path d="M90,258 C90,258 216,120 390,198" fill="none" stroke="black" stroke-width="6"/>
|
||||
<rect x="60" y="198" width="60" height="60" fill="#FFCCCC" stroke="black" stroke-width="6"/>
|
||||
<text x="90" y="300" text-anchor="middle">0 sec.</text>
|
||||
<rect x="360" y="138" width="60" height="60" fill="#FFCCCC" stroke="black" stroke-width="6"/>
|
||||
<text x="390" y="240" text-anchor="middle">6+ sec.</text>
|
||||
<path d="M-30,0 L0,-60 L30,0 z" fill="blue" stroke="green" stroke-width="6">
|
||||
<animateMotion path="M90,258 C90,258 216,120 390,198" begin="0s" dur="6s" calcMode="linear" fill="freeze"/>
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.8 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-07-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-07-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-07-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g font-size="36">
|
||||
<text x="48" y="48">Test a motion path</text>
|
||||
<text x="48" y="95">'mpath' element.</text>
|
||||
<path id="mpathRef" d="M90,258 C90,258 216,120 390,198" fill="none" stroke="black" stroke-width="6"/>
|
||||
<rect x="60" y="198" width="60" height="60" fill="#FFCCCC" stroke="black" stroke-width="6"/>
|
||||
<text x="90" y="300" text-anchor="middle">0 sec.</text>
|
||||
<rect x="360" y="138" width="60" height="60" fill="#FFCCCC" stroke="black" stroke-width="6"/>
|
||||
<text x="390" y="240" text-anchor="middle">6+ sec.</text>
|
||||
<path d="M-30,0 L0,-60 L30,0 z" fill="blue" stroke="green" stroke-width="6">
|
||||
<animateMotion begin="0s" dur="6s" calcMode="linear" fill="freeze">
|
||||
<mpath xlink:href="#mpathRef"/>
|
||||
</animateMotion>
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,65 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-08-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-08-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-08-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text font-size="14" text-anchor="middle" x="225" y="25">Test rotate='auto' and rotate='auto-reverse'</text>
|
||||
<g font-size="12" text-anchor="middle">
|
||||
<path d="M25,225 C25,175 125,150 175,200" fill="none" stroke="black" stroke-width="2"/>
|
||||
<rect x="10" y="195" width="30" height="30" fill="#FFCCCC" stroke="black" stroke-width="4"/>
|
||||
<text x="25" y="240">0 sec.</text>
|
||||
<rect x="160" y="170" width="30" height="30" fill="#FFCCCC" stroke="black" stroke-width="4"/>
|
||||
<text x="175" y="215">6+ sec.</text>
|
||||
<path d="M-15,0 L0,-30 L15,0 z" fill="blue" stroke="green" stroke-width="2">
|
||||
<animateMotion path="M25,225 C25,175 125,150 175,200" rotate="auto" begin="0s" dur="6s" calcMode="linear" fill="freeze"/>
|
||||
</path>
|
||||
<text x="100" y="260" stroke="none" font-size="14">rotate='auto'</text>
|
||||
<path d="M275,225 C275,175 375,150 425,200" fill="none" stroke="black" stroke-width="2"/>
|
||||
<rect x="260" y="195" width="30" height="30" fill="#FFCCCC" stroke="black" stroke-width="4"/>
|
||||
<text x="275" y="240">0 sec.</text>
|
||||
<rect x="410" y="170" width="30" height="30" fill="#FFCCCC" stroke="black" stroke-width="4"/>
|
||||
<text x="425" y="215">6+ sec.</text>
|
||||
<path d="M-15,0 L0,-30 L15,0 z" fill="blue" stroke="green" stroke-width="2">
|
||||
<animateMotion path="M275,225 C275,175 375,150 425,200" rotate="auto-reverse" begin="0s" dur="6s" calcMode="linear" fill="freeze"/>
|
||||
</path>
|
||||
<text x="350" y="260" stroke="none" font-size="14">rotate='auto-reverse'</text>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.9 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-09-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-09-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-09-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g xml:space="preserve" font-family="Arial" font-size="30">
|
||||
<g transform="translate(20,50)">
|
||||
<text x="0" y="203">0-2 sec.</text>
|
||||
<text x="0" y="170">2-4 sec. </text>
|
||||
<text x="0" y="114">4-6 sec. </text>
|
||||
<text x="3" y="3">6+ sec. </text>
|
||||
<g stroke="#800" stroke-width="4">
|
||||
<line x1="120" y1="200" x2="170" y2="200"/>
|
||||
<line x1="120" y1="167" x2="170" y2="167"/>
|
||||
<line x1="120" y1="111" x2="170" y2="111"/>
|
||||
<line x1="120" y1="0" x2="170" y2="0"/>
|
||||
</g>
|
||||
<rect x="140" y="-10" width="60" height="210" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
||||
<animate attributeName="height" calcMode="discrete" values="210;177;121;10" begin="0s" dur="8s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g transform="translate(250,50)">
|
||||
<text x="0" y="203">0-2 sec.</text>
|
||||
<text x="0" y="170">2-4 sec. </text>
|
||||
<text x="0" y="114">4-6 sec. </text>
|
||||
<text x="3" y="3">6+ sec. </text>
|
||||
<g stroke="#800" stroke-width="4">
|
||||
<line x1="120" y1="200" x2="170" y2="200"/>
|
||||
<line x1="120" y1="167" x2="170" y2="167"/>
|
||||
<line x1="120" y1="111" x2="170" y2="111"/>
|
||||
<line x1="120" y1="0" x2="170" y2="0"/>
|
||||
</g>
|
||||
<rect x="140" y="-10" width="60" height="10" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
||||
<animateMotion calcMode="discrete" values="0,200; 0,167; 0,111; 0,0" begin="0s" dur="8s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-10-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-10-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-10-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g font-family="Arial" font-size="30">
|
||||
<g transform="translate(20,50)">
|
||||
<text x="0" y="203">at 0 sec.</text>
|
||||
<text x="0" y="170">at 3 sec. </text>
|
||||
<text x="0" y="114">at 6 sec. </text>
|
||||
<text x="3" y="3">9+ sec. </text>
|
||||
<g stroke="#800" stroke-width="4">
|
||||
<line x1="120" y1="200" x2="170" y2="200"/>
|
||||
<line x1="120" y1="167" x2="170" y2="167"/>
|
||||
<line x1="120" y1="111" x2="170" y2="111"/>
|
||||
<line x1="120" y1="0" x2="170" y2="0"/>
|
||||
</g>
|
||||
<rect x="140" y="-10" width="60" height="210" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
||||
<!-- Should use default of calcMode="linear" -->
|
||||
<animate attributeName="height" values="210;177;121;10" begin="0s" dur="9s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g transform="translate(250,50)">
|
||||
<text x="0" y="203">at 0 sec.</text>
|
||||
<text x="0" y="170">at 3 sec. </text>
|
||||
<text x="0" y="114">at 6 sec. </text>
|
||||
<text x="3" y="3">9+ sec. </text>
|
||||
<g stroke="#800" stroke-width="4">
|
||||
<line x1="120" y1="200" x2="170" y2="200"/>
|
||||
<line x1="120" y1="167" x2="170" y2="167"/>
|
||||
<line x1="120" y1="111" x2="170" y2="111"/>
|
||||
<line x1="120" y1="0" x2="170" y2="0"/>
|
||||
</g>
|
||||
<rect x="140" y="-10" width="60" height="10" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
||||
<animateMotion calcMode="linear" values="0,200; 0,167; 0,111; 0,0" begin="0s" dur="9s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-11-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-11-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-11-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g font-family="Arial" font-size="30">
|
||||
<g transform="translate(20,50)">
|
||||
<text x="0" y="203">at 0 sec.</text>
|
||||
<text x="0" y="136.33">at 3 sec. </text>
|
||||
<text x="0" y="69.66">at 6 sec. </text>
|
||||
<text x="3" y="3">9+ sec. </text>
|
||||
<g stroke="#800" stroke-width="4">
|
||||
<line x1="120" y1="200" x2="170" y2="200"/>
|
||||
<line x1="120" y1="133.33" x2="170" y2="133.33"/>
|
||||
<line x1="120" y1="66.66" x2="170" y2="66.66"/>
|
||||
<line x1="120" y1="0" x2="170" y2="0"/>
|
||||
</g>
|
||||
<rect x="140" y="-10" width="60" height="210" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
||||
<animate attributeName="height" calcMode="paced" values="210;177;121;10" begin="0s" dur="9s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g transform="translate(250,50)">
|
||||
<text x="0" y="203">at 0 sec.</text>
|
||||
<text x="0" y="136.33">at 3 sec. </text>
|
||||
<text x="0" y="69.66">at 6 sec. </text>
|
||||
<text x="3" y="3">9+ sec. </text>
|
||||
<g stroke="#800" stroke-width="4">
|
||||
<line x1="120" y1="200" x2="170" y2="200"/>
|
||||
<line x1="120" y1="133.33" x2="170" y2="133.33"/>
|
||||
<line x1="120" y1="66.66" x2="170" y2="66.66"/>
|
||||
<line x1="120" y1="0" x2="170" y2="0"/>
|
||||
</g>
|
||||
<rect x="140" y="-10" width="60" height="10" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
||||
<animateMotion calcMode="paced" values="0,200; 0,167; 0,111; 0,0" begin="0s" dur="9s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-12-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-12-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-12-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g font-family="Arial" font-size="30">
|
||||
<g transform="translate(20,50)">
|
||||
<text x="0" y="203">at 0 sec.</text>
|
||||
<text x="0" y="170">at 3 sec. </text>
|
||||
<text x="0" y="114">at 6 sec. </text>
|
||||
<text x="3" y="3">9+ sec. </text>
|
||||
<g stroke="#800" stroke-width="4">
|
||||
<line x1="120" y1="200" x2="170" y2="200"/>
|
||||
<line x1="120" y1="167" x2="170" y2="167"/>
|
||||
<line x1="120" y1="111" x2="170" y2="111"/>
|
||||
<line x1="120" y1="0" x2="170" y2="0"/>
|
||||
</g>
|
||||
<rect x="140" y="-10" width="60" height="210" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
||||
<animate attributeName="height" calcMode="spline" keySplines="0,0,1,1;0,0,1,1;.75,0,0,.75" values="210;177;121;10" begin="0s" dur="9s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g transform="translate(250,50)">
|
||||
<text x="0" y="203">at 0 sec.</text>
|
||||
<text x="0" y="170">at 3 sec. </text>
|
||||
<text x="0" y="114">at 6 sec. </text>
|
||||
<text x="3" y="3">9+ sec. </text>
|
||||
<g stroke="#800" stroke-width="4">
|
||||
<line x1="120" y1="200" x2="170" y2="200"/>
|
||||
<line x1="120" y1="167" x2="170" y2="167"/>
|
||||
<line x1="120" y1="111" x2="170" y2="111"/>
|
||||
<line x1="120" y1="0" x2="170" y2="0"/>
|
||||
</g>
|
||||
<rect x="140" y="-10" width="60" height="10" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
||||
<animateMotion calcMode="spline" keySplines="0,0,1,1;0,0,1,1;.75,0,0,.75" values="0,200; 0,167; 0,111; 0,0" begin="0s" dur="9s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-13-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-13-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-13-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g font-size="30">
|
||||
<line x1="190" x2="190" y1="45" y2="300" stroke="#880000" stroke-width="4"/>
|
||||
<line x1="460" x2="460" y1="45" y2="300" stroke="#880000" stroke-width="4"/>
|
||||
<text x="156" y="32">0-2 sec.</text>
|
||||
<text x="370" y="32">5+ sec.</text>
|
||||
<g>
|
||||
<rect x="160" y="60" width="30" height="30" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
||||
<animate attributeName="width" from="30" to="300" begin="2s" dur="3s" fill="freeze"/>
|
||||
</rect>
|
||||
<text x="20" y="85">from to</text>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="160" y="100" width="30" height="30" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
||||
<animate attributeName="width" from="30" by="270" begin="2s" dur="3s" fill="freeze"/>
|
||||
</rect>
|
||||
<text x="20" y="125">from by</text>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="160" y="140" width="30" height="30" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
||||
<animate attributeName="width" by="270" begin="2s" dur="3s" fill="freeze"/>
|
||||
</rect>
|
||||
<text x="20" y="165">by</text>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="160" y="180" width="30" height="30" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
||||
<animate attributeName="width" to="300" begin="2s" dur="3s" fill="freeze"/>
|
||||
</rect>
|
||||
<text x="20" y="205">to</text>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="160" y="220" width="30" height="30" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
||||
<animate attributeName="width" values="30;300" begin="2s" dur="3s" fill="freeze"/>
|
||||
</rect>
|
||||
<text x="20" y="245">values</text>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="160" y="260" width="30" height="30" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
|
||||
<animate attributeName="width" values="30;120;210;300" begin="2s" dur="3s" fill="freeze"/>
|
||||
</rect>
|
||||
<text x="20" y="285">values</text>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-14-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-14-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-14-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text font-size="40" x="3" y="45">calcMode="discrete"</text>
|
||||
<text font-size="40" x="3" y="100">keyTimes="0;.2;.4;.6"</text>
|
||||
<g xml:space="preserve" font-size="13.5" stroke-width="3">
|
||||
<g transform="translate(150,140)">
|
||||
<text font-size="36" x="-140" y="140">Time (s):</text>
|
||||
<text font-size="36" x="290" y="140">0</text>
|
||||
<line x1="300" y1="0" x2="300" y2="100" fill="none" stroke="#880000"/>
|
||||
<text font-size="36" x="245" y="140">2</text>
|
||||
<line x1="255" y1="0" x2="255" y2="100" fill="none" stroke="#880000"/>
|
||||
<text font-size="36" x="170" y="140">4</text>
|
||||
<line x1="180" y1="0" x2="180" y2="100" fill="none" stroke="#880000"/>
|
||||
<text font-size="36" x="20" y="140">6</text>
|
||||
<line x1="30" y1="0" x2="30" y2="100" fill="none" stroke="#880000"/>
|
||||
<rect x="0" y="0" width="300" height="80" fill="#44AAFF" stroke="#880088" stroke-width="4">
|
||||
<animate attributeName="width" calcMode="discrete" values="300;255;180;30" keyTimes="0;.2;.4;.6" begin="0s" dur="10s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-15-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-15-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-15-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text font-size="40" x="3" y="45">calcMode="paced"</text>
|
||||
<text font-size="40" x="3" y="100">keyTimes="0;.25;.5;1"</text>
|
||||
<g xml:space="preserve" font-size="13.5" stroke-width="3">
|
||||
<g transform="translate(150,140)">
|
||||
<text font-size="36" x="-140" y="140">Time (s):</text>
|
||||
<text font-size="36" x="290" y="140">0</text>
|
||||
<line x1="300" y1="0" x2="300" y2="100" fill="none" stroke="#880000"/>
|
||||
<text font-size="36" x="230" y="140">1.5</text>
|
||||
<line x1="255" y1="0" x2="255" y2="100" fill="none" stroke="#880000"/>
|
||||
<text font-size="36" x="170" y="140">4</text>
|
||||
<line x1="180" y1="0" x2="180" y2="100" fill="none" stroke="#880000"/>
|
||||
<text font-size="36" x="20" y="140">9</text>
|
||||
<line x1="30" y1="0" x2="30" y2="100" fill="none" stroke="#880000"/>
|
||||
<rect x="0" y="0" width="300" height="80" fill="#44AAFF" stroke="#880088" stroke-width="4">
|
||||
<animate attributeName="width" calcMode="paced" values="300;255;180;30" keyTimes="0;.25;.5;1" begin="0s" dur="9s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-17-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-17-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-17-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text font-size="40" x="3" y="45">calcMode="spline"</text>
|
||||
<text font-size="40" x="3" y="100">keyTimes="0;.25;.5;1"</text>
|
||||
<g xml:space="preserve" font-size="13.5" stroke-width="3">
|
||||
<g transform="translate(150,140)">
|
||||
<text font-size="36" x="-140" y="140">Time (s):</text>
|
||||
<text font-size="36" x="290" y="140">0</text>
|
||||
<line x1="300" y1="0" x2="300" y2="100" fill="none" stroke="#880000"/>
|
||||
<text font-size="36" x="245" y="140">2</text>
|
||||
<line x1="255" y1="0" x2="255" y2="100" fill="none" stroke="#880000"/>
|
||||
<text font-size="36" x="170" y="140">4</text>
|
||||
<line x1="180" y1="0" x2="180" y2="100" fill="none" stroke="#880000"/>
|
||||
<text font-size="36" x="20" y="140">8</text>
|
||||
<line x1="30" y1="0" x2="30" y2="100" fill="none" stroke="#880000"/>
|
||||
<rect x="0" y="0" width="300" height="80" fill="#44AAFF" stroke="#880088" stroke-width="4">
|
||||
<animate attributeName="width" calcMode="spline" values="300;255;180;30" keyTimes="0;.25;.5;1" keySplines="0,0,1,1;0,0,1,1;1,0,0,1" begin="0s" dur="8s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-19-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-19-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-19-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text font-size="40" x="3" y="45">calcMode="linear"</text>
|
||||
<text font-size="40" x="3" y="100">keyTimes="0;.5;.75;1"</text>
|
||||
<g xml:space="preserve" font-size="13.5" stroke-width="3">
|
||||
<g transform="translate(150,140)">
|
||||
<text font-size="36" x="-140" y="140">Time (s):</text>
|
||||
<text font-size="36" x="290" y="140">0</text>
|
||||
<line x1="300" y1="0" x2="300" y2="100" fill="none" stroke="#880000"/>
|
||||
<text font-size="36" x="245" y="140">4</text>
|
||||
<line x1="255" y1="0" x2="255" y2="100" fill="none" stroke="#880000"/>
|
||||
<text font-size="36" x="170" y="140">6</text>
|
||||
<line x1="180" y1="0" x2="180" y2="100" fill="none" stroke="#880000"/>
|
||||
<text font-size="36" x="20" y="140">8</text>
|
||||
<line x1="30" y1="0" x2="30" y2="100" fill="none" stroke="#880000"/>
|
||||
<rect x="0" y="0" width="300" height="80" fill="#44AAFF" stroke="#880088" stroke-width="4">
|
||||
<animate attributeName="width" calcMode="linear" values="300;255;180;30" keyTimes="0;.5;.75;1" begin="0s" dur="8s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-20-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-20-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-20-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<rect id="pink" x="20" y="20" width="200" height="200" fill="#fff">
|
||||
<animate id="fadein" attributeName="fill" attributeType="auto" from="#fff" to="blue" begin="indefinite" dur="3s" fill="freeze"/>
|
||||
<animate id="fadeout" attributeName="fill" attributeType="auto" from="blue" to="#fff" begin="indefinite" dur="3s" fill="freeze"/>
|
||||
</rect>
|
||||
<!-- ok so this is testing dynamic compositing as well -->
|
||||
<g id="buttons">
|
||||
<a xlink:href="#fadein">
|
||||
<rect x="320" y="0" width="160" height="180" fill="green"/>
|
||||
<text fill="white" font-size="30" font-weight="bold" x="330" y="90">Fade in</text>
|
||||
</a>
|
||||
<a xlink:href="#fadeout">
|
||||
<rect x="320" y="180" width="160" height="180" fill="maroon"/>
|
||||
<text fill="white" font-size="30" font-weight="bold" x="330" y="280">Fade out</text>
|
||||
</a>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-21-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-21-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-21-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<circle stroke="white" stroke-width="30" fill="none" cx="100" cy="200" r="60">
|
||||
<animate id="fadein" attributeName="stroke" attributeType="auto" from="white" to="#666" begin="indefinite" dur="3s" fill="freeze"/>
|
||||
<animate id="fadeout" attributeName="stroke" attributeType="auto" from="#666" to="white" begin="indefinite" dur="3s" fill="freeze"/>
|
||||
</circle>
|
||||
<rect id="pink" x="20" y="20" width="180" height="180" fill="#fff">
|
||||
<animate id="fadein2" attributeName="fill" attributeType="auto" from="#fff" to="blue" begin="fadein.begin" dur="3s" fill="freeze"/>
|
||||
<animate id="fadeout2" attributeName="fill" attributeType="auto" from="blue" to="#fff" begin="fadeout.begin" dur="3s" fill="freeze"/>
|
||||
</rect>
|
||||
<circle stroke="white" stroke-width="20" fill="none" cx="200" cy="110" r="80">
|
||||
<animate id="fadein3" attributeName="stroke" attributeType="auto" from="white" to="#666" begin="fadein.begin" dur="3s" fill="freeze"/>
|
||||
<animate id="fadeout3" attributeName="stroke" attributeType="auto" from="#666" to="white" begin="fadeout.begin" dur="3s" fill="freeze"/>
|
||||
</circle>
|
||||
<!-- ok so this is testing dynamic compositing as well -->
|
||||
<g id="buttons">
|
||||
<a xlink:href="#fadein">
|
||||
<rect x="320" y="0" width="160" height="180" fill="green"/>
|
||||
<text fill="white" font-size="30" font-weight="bold" x="330" y="90">Fade in</text>
|
||||
</a>
|
||||
<a xlink:href="#fadeout">
|
||||
<rect x="320" y="180" width="160" height="180" fill="maroon"/>
|
||||
<text fill="white" font-size="30" font-weight="bold" x="330" y="280">Fade out</text>
|
||||
</a>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-22-b-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-22-b-manual.svg</h1>
|
||||
<svg version="1.1" baseProfile="basic" 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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-22-b.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<!-- Guide objects to show where the animation elements belong at which time -->
|
||||
<g font-family="Verdana" font-size="12">
|
||||
<text x="200" y="131">Yellow rect at time 0s</text>
|
||||
<rect x="200" y="135" width="50" height="50" fill="none" stroke="black"/>
|
||||
<text x="141.6666" y="102.6666">Yellow rect at time 3s</text>
|
||||
<rect x="141.6666" y="106.6666" width="166.6666" height="111.6666" fill="none" stroke="rgb(0,0,255)"/>
|
||||
<text x="25" y="46">Yellow rect at time 9s</text>
|
||||
<rect x="25" y="50" width="400" height="240" fill="none" stroke="rgb(0,0,255)"/>
|
||||
</g>
|
||||
<rect id="RectElement" x="200" y="135" width="50" height="50" 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="135" to="50"/>
|
||||
<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="240"/>
|
||||
</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>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,64 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-23-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-23-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-23-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<!-- Guide objects to show where the animation elements belong at which time -->
|
||||
<g font-size="12">
|
||||
<text x="15" y="55">Color at 3s</text>
|
||||
<rect x="15" y="60" width="30" height="30"/>
|
||||
<circle cx="30" cy="75" r="10" fill="rgb(0,0,255)"/>
|
||||
<text x="15" y="145">Color at 6s</text>
|
||||
<rect x="15" y="150" width="30" height="30"/>
|
||||
<circle cx="30" cy="165" r="10" fill="rgb(0,127,127)"/>
|
||||
<text x="15" y="235">Color at 9s</text>
|
||||
<rect x="15" y="240" width="30" height="30"/>
|
||||
<circle cx="30" cy="255" r="10" fill="rgb(0,255,0)"/>
|
||||
</g>
|
||||
|
||||
<g>
|
||||
<rect x="150" y="50" width="240" height="240" stroke="black" fill="black"/>
|
||||
<circle cx="270" cy="170" r="110" visibility="hidden">
|
||||
<set attributeName="visibility" attributeType="CSS" to="visible" begin="3s" dur="6s" fill="freeze"/>
|
||||
<animateColor attributeName="fill" attributeType="CSS" from="rgb(0,0,255)" to="rgb(0,255,0)" begin="3s" dur="6s" fill="freeze"/>
|
||||
</circle>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.8 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,105 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-24-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-24-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-24-t.svg,v $</title>
|
||||
<defs>
|
||||
<font id="MyFont" horiz-adv-x="416">
|
||||
<font-face font-family="MyFont" units-per-em="1000" panose-1="2 0 0 6 3 0 0 2 0 4" ascent="700" descent="-127" alphabetic="0"/>
|
||||
<missing-glyph horiz-adv-x="233"/>
|
||||
<glyph unicode=" " glyph-name="space" horiz-adv-x="233"/>
|
||||
<glyph unicode="I" glyph-name="I" horiz-adv-x="330" d="M30 700V550H90V150H30V0H300V150H240V550H300V700H30Z"/>
|
||||
<glyph unicode="t" glyph-name="t" horiz-adv-x="417" d="M5 550V410H137V0H280V410H412V550H5Z"/>
|
||||
<glyph unicode="s" glyph-name="s" horiz-adv-x="468" d="M34 550V410V218H291V120H34V0H434V338H177V430H434V550H34Z"/>
|
||||
<glyph unicode="'" glyph-name="quotesingle" horiz-adv-x="198" d="M35 700L73 483H125L163 700H35Z"/>
|
||||
<glyph unicode="a" glyph-name="a" horiz-adv-x="435" d="M71 550L3 0H143L154 119H282L293 0H433L365 550H71ZM168 259L182 410H254L268 259H168Z"/>
|
||||
<glyph unicode="l" glyph-name="l" horiz-adv-x="435" d="M37 0H425V130H180V550H37V410V0Z"/>
|
||||
<glyph unicode="i" glyph-name="i" horiz-adv-x="217" d="M37 550V410V0H180V550H37Z"/>
|
||||
<glyph unicode="v" glyph-name="v" horiz-adv-x="430" d="M73 0H357L430 550H282L235 140H195L148 550H0L19 410L73 0Z"/>
|
||||
<glyph unicode="e" glyph-name="e" horiz-adv-x="442" d="M37 550V410V0H419V130H180V210H299V340H180V420H419V550H37Z"/>
|
||||
<glyph unicode="!" glyph-name="exclam" horiz-adv-x="237" d="M46 145V0H191V145H46ZM58 220H179L194 700H43L58 220Z"/>
|
||||
</font>
|
||||
</defs>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
<font id="MyFont" horiz-adv-x="416">
|
||||
<font-face font-family="MyFont" units-per-em="1000" panose-1="2 0 0 6 3 0 0 2 0 4" ascent="700" descent="-127" alphabetic="0"/>
|
||||
<missing-glyph horiz-adv-x="233"/>
|
||||
<glyph unicode=" " glyph-name="space" horiz-adv-x="233"/>
|
||||
<glyph unicode="I" glyph-name="I" horiz-adv-x="330" d="M30 700V550H90V150H30V0H300V150H240V550H300V700H30Z"/>
|
||||
<glyph unicode="t" glyph-name="t" horiz-adv-x="417" d="M5 550V410H137V0H280V410H412V550H5Z"/>
|
||||
<glyph unicode="s" glyph-name="s" horiz-adv-x="468" d="M34 550V410V218H291V120H34V0H434V338H177V430H434V550H34Z"/>
|
||||
<glyph unicode="'" glyph-name="quotesingle" horiz-adv-x="198" d="M35 700L73 483H125L163 700H35Z"/>
|
||||
<glyph unicode="a" glyph-name="a" horiz-adv-x="435" d="M71 550L3 0H143L154 119H282L293 0H433L365 550H71ZM168 259L182 410H254L268 259H168Z"/>
|
||||
<glyph unicode="l" glyph-name="l" horiz-adv-x="435" d="M37 0H425V130H180V550H37V410V0Z"/>
|
||||
<glyph unicode="i" glyph-name="i" horiz-adv-x="217" d="M37 550V410V0H180V550H37Z"/>
|
||||
<glyph unicode="v" glyph-name="v" horiz-adv-x="430" d="M73 0H357L430 550H282L235 140H195L148 550H0L19 410L73 0Z"/>
|
||||
<glyph unicode="e" glyph-name="e" horiz-adv-x="442" d="M37 550V410V0H419V130H180V210H299V340H180V420H419V550H37Z"/>
|
||||
<glyph unicode="!" glyph-name="exclam" horiz-adv-x="237" d="M46 145V0H191V145H46ZM58 220H179L194 700H43L58 220Z"/>
|
||||
</font>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g font-size="20">
|
||||
<text x="70" y="110">Text from 0s to 3s</text>
|
||||
<text x="100" y="185">Text at 6s</text>
|
||||
<text x="100" y="220">Text at 9s</text>
|
||||
</g>
|
||||
<!-- Guide objects to show where the animation elements belong at which time -->
|
||||
<g font-family="MyFont" stroke="none" fill="#bee">
|
||||
<text transform="translate(50,90) rotate(-30)" font-size="20">It's alive!</text>
|
||||
<text transform="translate(75,180) rotate(-15)" font-size="40">It's alive!</text>
|
||||
<text x="100" y="270" font-size="60">It's alive!</text>
|
||||
</g>
|
||||
<!-- 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,90)">
|
||||
<!-- The following illustrates the use of the 'animateMotion',
|
||||
and 'animateTransform' elements. At 3 seconds, the text:
|
||||
* continuously moves diagonally across the viewport
|
||||
* rotates from -30 to zero degrees
|
||||
* scales by a factor of three.
|
||||
-->
|
||||
<text id="TextElement" x="0" y="0" font-family="MyFont" font-size="20" fill="#36e" transform="rotate(-30)">
|
||||
It's alive!
|
||||
<animateMotion path="M 0 0 L 50 180" 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 font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.8 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,61 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-25-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-25-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-25-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text font-family="Arial" font-size="14" x="30" y="40">Test animation options for specifying the target attribute/property.</text>
|
||||
<g xml:space="preserve" font-family="Arial" font-size="14" stroke-width="3" transform="translate(0,50)">
|
||||
<text x="20" y="164">0-3 sec. </text>
|
||||
<line x1="80" y1="160" x2="200" y2="160" fill="none" stroke="green"/>
|
||||
<text x="20" y="124">at 6 sec. </text>
|
||||
<line x1="80" y1="120" x2="200" y2="120" fill="none" stroke="green"/>
|
||||
<rect id="rect1" x="100" y="80" width="100" height="80" fill="#FFFF00" stroke="#FF00FF" stroke-width="4">
|
||||
<animate attributeName="height" from="80" to="40" begin="3s" dur="3s" fill="freeze"/>
|
||||
</rect>
|
||||
<text x="240" y="164">0-6 sec. </text>
|
||||
<line x1="305" y1="160" x2="425" y2="160" fill="none" stroke="green"/>
|
||||
<text x="240" y="124">at 9 sec. </text>
|
||||
<line x1="305" y1="120" x2="425" y2="120" fill="none" stroke="green"/>
|
||||
<rect id="rect2" x="325" y="80" width="100" height="80" fill="#FFFF00" stroke="#FF00FF" stroke-width="4">
|
||||
<animate attributeName="height" attributeType="XML" from="80" to="40" begin="6s" dur="3s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-26-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-26-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-26-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g font-size="30">
|
||||
<circle cx="120" cy="140" r="70" fill="none" stroke="#36e" stroke-width="1">
|
||||
<animate attributeName="stroke-width" from="1" to="60" begin="1s" dur="4s" fill="freeze"/>
|
||||
</circle>
|
||||
<circle cx="120" cy="140" r="40" fill="none" stroke="black" stroke-width="1"/>
|
||||
<circle cx="120" cy="140" r="70" fill="none" stroke="black" stroke-width="1"/>
|
||||
<circle cx="120" cy="140" r="100" fill="none" stroke="black" stroke-width="1"/>
|
||||
<text x="70" y="280">anim. 1</text>
|
||||
</g>
|
||||
<g font-size="30">
|
||||
<circle cx="360" cy="140" r="70" fill="none" stroke="#e3a" stroke-width="1">
|
||||
<animate attributeName="stroke-width" attributeType="CSS" from="1" to="60" begin="4s" dur="3s" fill="freeze"/>
|
||||
</circle>
|
||||
<circle cx="360" cy="140" r="40" fill="none" stroke="black" stroke-width="1"/>
|
||||
<circle cx="360" cy="140" r="70" fill="none" stroke="black" stroke-width="1"/>
|
||||
<circle cx="360" cy="140" r="100" fill="none" stroke="black" stroke-width="1"/>
|
||||
<text x="310" y="280">anim. 2</text>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-27-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-27-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-27-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text font-family="Arial" font-size="16" text-anchor="middle" x="225" y="40">Test animation options for specifying the target element.</text>
|
||||
<g xml:space="preserve" font-family="Arial" font-size="14" text-anchor="end" stroke-width="3">
|
||||
<text x="80" y="244">0 to 3 sec. </text>
|
||||
<line x1="80" y1="240" x2="200" y2="240" fill="none" stroke="green"/>
|
||||
<text x="80" y="124">at 6 sec. </text>
|
||||
<line x1="80" y1="120" x2="200" y2="120" fill="none" stroke="green"/>
|
||||
<rect id="rect1" x="100" y="80" width="100" height="160" fill="blue" stroke="#36e" stroke-width="4"/>
|
||||
<animate xlink:href="#rect1" attributeName="height" attributeType="XML" from="160" to="40" begin="3s" dur="3s" fill="freeze"/>
|
||||
<text x="305" y="244">0 to 6 sec. </text>
|
||||
<line x1="305" y1="240" x2="425" y2="240" fill="none" stroke="green"/>
|
||||
<text x="305" y="124">at 9 sec. </text>
|
||||
<line x1="305" y1="120" x2="425" y2="120" fill="none" stroke="green"/>
|
||||
<rect id="rect2" x="325" y="80" width="100" height="160" fill="blue" stroke="#36e" stroke-width="4">
|
||||
<animate attributeName="height" attributeType="XML" from="160" to="40" begin="6s" dur="3s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-28-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-28-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-28-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g stroke="#F1E900" fill="#F1E900" stroke-width="5">
|
||||
<circle cx="240" cy="180" r="150"/>
|
||||
<!--circle cx="240" cy="180" r="150" stroke-opacity=".5"/-->
|
||||
<g id="eyes" stroke="#000077">
|
||||
<path d="M260 131c0,-15 12,-28 28,-28 15,0 27,13 27,28 0,15 -12,28 -27,28 -16,0 -28,-13 -28,-28z"/>
|
||||
<path d="M165 131c0,-15 12,-28 28,-28 15,0 27,13 27,28 0,15 -12,28 -27,28 -16,0 -28,-13 -28,-28z"/>
|
||||
</g>
|
||||
<path d="M151 227c46,52 138,52 184,0"/>
|
||||
<animate attributeName="stroke" attributeType="CSS" begin="0s" dur="4s" fill="freeze" from="#F1E900" to="#000000"/>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-29-b-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-29-b-manual.svg</h1>
|
||||
<svg version="1.1" baseProfile="basic" 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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-29-b.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<circle stroke="#666" stroke-width="30" fill="none" cx="100" cy="200" r="60"/>
|
||||
<rect id="pink" x="20" y="20" width="180" height="180" fill="#080" fill-opacity="0">
|
||||
<animate id="fadein" attributeName="fill-opacity" attributeType="auto" from="0" to="1" begin="indefinite" dur="3s" fill="freeze"/>
|
||||
<animate id="fadeout" attributeName="fill-opacity" attributeType="auto" from="1" to="0" begin="indefinite" dur="3s" fill="freeze"/>
|
||||
</rect>
|
||||
<circle stroke="#666" stroke-width="20" fill="none" cx="200" cy="110" r="80"/>
|
||||
<g id="buttons">
|
||||
<a xlink:href="#fadein">
|
||||
<rect x="320" y="0" width="160" height="180" fill="green"/>
|
||||
<text fill="white" font-size="30" font-weight="bold" x="330" y="90">Fade in</text>
|
||||
</a>
|
||||
<a xlink:href="#fadeout">
|
||||
<rect x="320" y="180" width="160" height="180" fill="maroon"/>
|
||||
<text fill="white" font-size="30" font-weight="bold" x="330" y="280">Fade out</text>
|
||||
</a>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.8 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,118 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-31-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-31-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-31-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<!-- GRAY TESTAREAS-->
|
||||
<rect x="5" y="7.5" width="375" height="75" fill="silver" stroke="black" stroke-width="3"/>
|
||||
<rect x="5" y="112.5" width="375" height="75" fill="silver" stroke="black" stroke-width="3"/>
|
||||
<g transform="scale(1.5)" display="inline">
|
||||
|
||||
<!-- PURPLE CIRCLES-->
|
||||
<circle display="inline" cx="30" cy="30" r="20" fill="purple" stroke="black" stroke-width="5"/>
|
||||
<circle display="inline" cx="30" cy="100" r="20" fill="purple" stroke="black" stroke-width="5">
|
||||
<animate attributeName="visibility" from="visible" to="hidden" begin="6" dur="2"/>
|
||||
</circle>
|
||||
|
||||
<!-- GREEN CIRCLES-->
|
||||
<g display="none">
|
||||
<circle display="inline" cx="80" cy="30" r="20" fill="green" stroke="black" stroke-width="5"/>
|
||||
<animate attributeName="display" from="none" to="inline" begin="0" dur="3" fill="freeze"/>
|
||||
</g>
|
||||
<circle visibility="hidden" cx="80" cy="100" r="20" fill="green" stroke="black" stroke-width="5">
|
||||
<animate attributeName="visibility" from="hidden" to="visible" begin="0" dur="3" fill="freeze"/>
|
||||
</circle>
|
||||
|
||||
<!-- DODGERBLUE CIRCLES-->
|
||||
<circle display="none" cx="130" cy="30" r="20" fill="dodgerblue" stroke="black" stroke-width="5">
|
||||
<set attributeName="display" to="inline" begin="2" dur="1" fill="freeze"/>
|
||||
</circle>
|
||||
<circle visibility="hidden" cx="130" cy="100" r="20" fill="dodgerblue" stroke="black" stroke-width="5">
|
||||
<animate attributeName="visibility" from="hidden" to="visible" begin="1" dur="2" fill="freeze"/>
|
||||
</circle>
|
||||
|
||||
<!-- BLUE CIRCLES-->
|
||||
<g display="none">
|
||||
<g display="inherit">
|
||||
<circle display="inline" cx="180" cy="30" r="20" fill="blue" stroke="black" stroke-width="5"/>
|
||||
</g>
|
||||
<animate attributeName="display" from="inline" to="none" begin="3" dur="3" fill="freeze"/>
|
||||
</g>
|
||||
<circle visibility="hidden" cx="180" cy="100" r="20" fill="blue" stroke="black" stroke-width="5">
|
||||
<animate attributeName="visibility" from="visible" to="hidden" begin="3" dur="3" fill="freeze"/>
|
||||
</circle>
|
||||
|
||||
<!-- YELLOW CIRCLES-->
|
||||
<g display="none">
|
||||
<g display="inherit">
|
||||
<circle display="inline" cx="180" cy="30" r="20" fill="yellow" stroke="black" stroke-width="5"/>
|
||||
</g>
|
||||
<animate attributeName="display" from="none" to="inherit" begin="4" dur="3" fill="freeze"/>
|
||||
</g>
|
||||
<circle visibility="hidden" cx="180" cy="100" r="20" fill="yellow" stroke="black" stroke-width="5">
|
||||
<animate attributeName="visibility" from="hidden" to="visible" begin="4" dur="3" fill="freeze"/>
|
||||
</circle>
|
||||
|
||||
<!-- CYAN CIRCLES-->
|
||||
<g display="none">
|
||||
<circle cx="230" cy="30" r="20" fill="#00ffff" stroke="black" stroke-width="5">
|
||||
<animate attributeName="display" begin="0" dur="0.5" keyTimes="0; 0.5; 1" values="inherit; none; inherit" repeatCount="8"/>
|
||||
</circle>
|
||||
<animate attributeName="display" begin="0" dur="2" keyTimes="0; 0.5; 1" values="inline; none; inline" repeatCount="2" fill="freeze"/>
|
||||
</g>
|
||||
<g visibility="hidden">
|
||||
<circle cx="230" cy="100" r="20" fill="#00ffff" stroke="black" stroke-width="5">
|
||||
<animate attributeName="visibility" begin="0" dur="0.5" keyTimes="0; 0.5; 1" values="inherit; hidden; inherit" repeatCount="8"/>
|
||||
</circle>
|
||||
<animate attributeName="visibility" begin="0" dur="2" keyTimes="0; 0.5; 1" values="visible; hidden; visible" repeatCount="2" fill="freeze"/>
|
||||
</g>
|
||||
<animate attributeName="display" from="inherit" to="none" begin="6" dur="2"/>
|
||||
</g>
|
||||
|
||||
<text x="385" y="40" font-size="16">display</text>
|
||||
<text x="385" y="150" font-size="18">visibility</text>
|
||||
<text x="5" y="235" font-size="28">Test of display attribute animation.</text>
|
||||
<text x="5" y="265" font-size="18">Circles with same color should be visible at same time.</text>
|
||||
|
||||
<text x="310" y="335" display="none" fill="red">Test running...
|
||||
<set attributeName="display" to="inline" begin="0" dur="8.5"/>
|
||||
</text>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,139 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-32-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-32-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-32-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<!-- ====================================================================== -->
|
||||
<!-- Draw the boxes to contain the shapes and the text labels for the boxes -->
|
||||
<!-- ====================================================================== -->
|
||||
<g fill="black" stroke="none" font-family="Arial" font-size="8">
|
||||
<text x="5" y="90">Stroked</text>
|
||||
<text x="5" y="195">Unstroked</text>
|
||||
<text x="50" y="135">Zero width rect</text>
|
||||
<text x="130" y="135">Zero height rect</text>
|
||||
<text x="210" y="135">Zero radius circle</text>
|
||||
<text x="315" y="135">Zero x radius ellipse</text>
|
||||
<text x="394" y="135">Zero y radius ellipse</text>
|
||||
<text x="210" y="290">Zero length line</text>
|
||||
</g>
|
||||
|
||||
<g fill="none" stroke="#000000">
|
||||
<!-- rects -->
|
||||
<rect x="50" y="50" width="35" height="60"/>
|
||||
<rect x="50" y="155" width="35" height="60"/>
|
||||
<rect x="130" y="50" width="35" height="60"/>
|
||||
<rect x="130" y="155" width="35" height="60"/>
|
||||
|
||||
<!-- circles -->
|
||||
<rect x="210" y="50" width="60" height="60"/>
|
||||
<rect x="210" y="155" width="60" height="60"/>
|
||||
|
||||
<!-- ellipses -->
|
||||
<rect x="315" y="50" width="35" height="60"/>
|
||||
<rect x="315" y="155" width="35" height="60"/>
|
||||
<rect x="394" y="50" width="35" height="60"/>
|
||||
<rect x="394" y="155" width="35" height="60"/>
|
||||
|
||||
<!-- line -->
|
||||
<rect x="210" y="260" width="60" height="10"/>
|
||||
</g>
|
||||
|
||||
<!-- ====================================================================== -->
|
||||
<!-- Draw 4 rectangles, two with zero width, two with zero height -->
|
||||
<!-- (stroked and unstroked) -->
|
||||
<!-- ====================================================================== -->
|
||||
<rect id="Zero-width-stroked-rect" fill="#00FF00" stroke="#000000" x="55" y="55" height="50" width="0">
|
||||
<animate attributeName="width" from="0" to="25" begin="0" dur="3" fill="freeze"/>
|
||||
<animate attributeName="width" from="25" to="0" begin="3" dur="3" fill="freeze"/>
|
||||
</rect>
|
||||
<rect id="Zero-height-stroked-rect" fill="#00FF00" stroke="#000000" x="135" y="55" width="25" height="0">
|
||||
<animate attributeName="height" from="0" to="50" begin="0" dur="3" fill="freeze"/>
|
||||
<animate attributeName="height" from="50" to="0" begin="3" dur="3" fill="freeze"/>
|
||||
</rect>
|
||||
<rect id="Zero-width-unstroked-rect" fill="#FF8000" stroke="none" x="55" y="160" height="50" width="0">
|
||||
<animate attributeName="width" from="0" to="25" begin="0" dur="3" fill="freeze"/>
|
||||
<animate attributeName="width" from="25" to="0" begin="3" dur="3" fill="freeze"/>
|
||||
</rect>
|
||||
<rect id="Zero-height-unstroked-rect" fill="#FF8000" stroke="none" x="135" y="160" width="25" height="0">
|
||||
<animate attributeName="height" from="0" to="50" begin="0" dur="3" fill="freeze"/>
|
||||
<animate attributeName="height" from="50" to="0" begin="3" dur="3" fill="freeze"/>
|
||||
</rect>
|
||||
<!-- ====================================================================== -->
|
||||
<!-- Draw two zero radius circles (stroked and unstroked) -->
|
||||
<!-- ====================================================================== -->
|
||||
<circle id="Zero-radius-stroked-circle" fill="#00FF00" stroke="#000000" cx="240" cy="80" r="0">
|
||||
<animate attributeName="r" from="0" to="25" begin="0" dur="3" fill="freeze"/>
|
||||
<animate attributeName="r" from="25" to="0" begin="3" dur="3" fill="freeze"/>
|
||||
</circle>
|
||||
<circle id="Zero-radius-unstroked-circle" fill="#FF8000" stroke="none" cx="240" cy="185" r="0">
|
||||
<animate attributeName="r" from="0" to="25" begin="0" dur="3" fill="freeze"/>
|
||||
<animate attributeName="r" from="25" to="0" begin="3" dur="3" fill="freeze"/>
|
||||
</circle>
|
||||
<!-- ====================================================================== -->
|
||||
<!-- Draw 4 ellipses, two with a zero x radius, two with a zero y radius -->
|
||||
<!-- (stroked and unstroked) -->
|
||||
<!-- ====================================================================== -->
|
||||
<ellipse id="Zero-x-radius-stroked-ellipse" fill="#00FF00" stroke="#0000FF" cx="332" cy="80" rx="0" ry="25">
|
||||
<animate attributeName="rx" from="0" to="12" begin="0" dur="3" fill="freeze"/>
|
||||
<animate attributeName="rx" from="12" to="0" begin="3" dur="3" fill="freeze"/>
|
||||
</ellipse>
|
||||
<ellipse id="Zero-x-radius-unstroked-ellipse" fill="#FF8000" stroke="none" cx="332" cy="185" rx="0" ry="25">
|
||||
<animate attributeName="rx" from="0" to="12" begin="0" dur="3" fill="freeze"/>
|
||||
<animate attributeName="rx" from="12" to="0" begin="3" dur="3" fill="freeze"/>
|
||||
</ellipse>
|
||||
<ellipse id="Zero-y-radius-stroked-ellipse" fill="#00FF00" stroke="#0000FF" cx="411" cy="80" rx="12" ry="0">
|
||||
<animate attributeName="ry" from="0" to="25" begin="0" dur="3" fill="freeze"/>
|
||||
<animate attributeName="ry" from="25" to="0" begin="3" dur="3" fill="freeze"/>
|
||||
</ellipse>
|
||||
<ellipse id="Zero-y-radius-unstroked-ellipse" fill="#FF8000" stroke="none" cx="411" cy="185" rx="12" ry="0">
|
||||
<animate attributeName="ry" from="0" to="25" begin="0" dur="3" fill="freeze"/>
|
||||
<animate attributeName="ry" from="25" to="0" begin="3" dur="3" fill="freeze"/>
|
||||
</ellipse>
|
||||
<!-- ====================================================================== -->
|
||||
<!-- Draw a zero-length line -->
|
||||
<!-- ====================================================================== -->
|
||||
<line id="Zero-length-line" stroke="#0000FF" x1="240" y1="265" x2="240" y2="265">
|
||||
<animate attributeName="x1" from="240" to="215" begin="0" dur="3" fill="freeze"/>
|
||||
<animate attributeName="x2" from="240" to="265" begin="0" dur="3" fill="freeze"/>
|
||||
<animate attributeName="x1" from="215" to="240" begin="3" dur="3" fill="freeze"/>
|
||||
<animate attributeName="x2" from="265" to="240" begin="3" dur="3" fill="freeze"/>
|
||||
</line>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,131 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-33-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-33-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-33-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<!-- FIRST TEST-->
|
||||
<g transform="translate(110, 50) scale(0.6)">
|
||||
<text x="-160" y="-30" font-size="30" stroke="none" fill="#ccc">0</text>
|
||||
<text x="-50" y="-30" font-size="30" stroke="none" fill="#ccc">0.8-3.2</text>
|
||||
<text x="140" y="-30" font-size="30" stroke="none" fill="#ccc">4</text>
|
||||
<g fill="none" stroke="#888" stroke-dasharray="10,6">
|
||||
<polyline points="-150,0 0,0 150,0"/>
|
||||
</g>
|
||||
<g fill="#ccc" stroke="#555">
|
||||
<circle cx="-150" r="20"/>
|
||||
<circle r="20"/>
|
||||
<circle cx="150" r="20"/>
|
||||
</g>
|
||||
<circle r="20" fill="rgb(204,0,102)" stroke="#000" stroke-width="3">
|
||||
<animateMotion dur="4" values="-150 0; 150 0" calcMode="linear" fill="freeze" keyTimes="0; 0.2; 0.4; 0.6; 0.8; 1" keyPoints="0; 0.5; 0.5; 0.5; 0.5; 1"/>
|
||||
</circle>
|
||||
</g>
|
||||
<!-- SECOND TEST-->
|
||||
<g transform="translate(370, 50) scale(0.6)">
|
||||
<text x="-160" y="-30" font-size="30" stroke="none" fill="#ccc">0</text>
|
||||
<text x="-100" y="-30" font-size="30" stroke="none" fill="#ccc">2</text>
|
||||
<text x="80" y="-30" font-size="30" stroke="none" fill="#ccc">2</text>
|
||||
<text x="140" y="-30" font-size="30" stroke="none" fill="#ccc">4</text>
|
||||
<g fill="none" stroke="#888" stroke-dasharray="10,6">
|
||||
<polyline points="-150,0 -90,0"/>
|
||||
<polyline points="90,0 150,0"/>
|
||||
</g>
|
||||
<g fill="#ccc" stroke="#555">
|
||||
<circle cx="-150" r="20"/>
|
||||
<circle cx="-90" r="20"/>
|
||||
<circle cx="90" r="20"/>
|
||||
<circle cx="150" r="20"/>
|
||||
</g>
|
||||
<circle r="20" fill="rgb(204,0,102)" stroke="#000" stroke-width="3">
|
||||
<animateMotion dur="4" values="-150 0; 150 0" calcMode="linear" fill="freeze" keyTimes="0; 0.5; 0.5; 0.5; 0.5; 1" keyPoints="0; 0.2; 0.4; 0.6; 0.8; 1"/>
|
||||
</circle>
|
||||
</g>
|
||||
<!-- THIRD TEST-->
|
||||
<!-- The lenght of the lines in the polyline (motionpath) are 100,50 and 100.
|
||||
The animated circle starts at the midpoint of one of the "legs" and also pass
|
||||
this point at time 1.4 since
|
||||
1.4 = 4*(0.25) + (4*(0.75-0.25))*(1/5).
|
||||
Where 0.25 is the time at keyPoint 1 (2nd) and 1/5 since the control circle is at
|
||||
1/5 of the distance between keyPoint 1 and 0 (2nd and 3rd).-->
|
||||
<g transform="translate(110, 180) scale(0.6)">
|
||||
<text x="-115" y="-30" font-size="30" stroke="none" fill="#ccc">3</text>
|
||||
<text x="-85" y="-60" font-size="30" stroke="none" fill="#ccc">2.6</text>
|
||||
<text x="60" y="-60" font-size="30" stroke="none" fill="#ccc">0</text>
|
||||
<text x="95" y="-30" font-size="30" stroke="none" fill="#ccc">1</text>
|
||||
<text x="-75" y="20" font-size="30" stroke="none" fill="#ccc">4</text>
|
||||
<text x="40" y="20" font-size="30" stroke="none" fill="#ccc">1.4</text>
|
||||
<g fill="none" stroke="#888" stroke-dasharray="10,6">
|
||||
<polyline points="-105,0 -25,-60 25,-60 105,0"/>
|
||||
</g>
|
||||
<g fill="#ccc" stroke="#555">
|
||||
<circle cx="-105" r="20"/>
|
||||
<circle cx="-65" cy="-30" r="20"/>
|
||||
<circle cx="65" cy="-30" r="20"/>
|
||||
<circle cx="105" r="20"/>
|
||||
</g>
|
||||
<circle r="20" fill="rgb(204,0,102)" stroke="#000" stroke-width="3">
|
||||
<animateMotion dur="4" path="M -105,0 L -25,-60 25,-60 105,0" calcMode="linear" fill="freeze" keyPoints="0.8; 1; 0; 0.2" keyTimes="0; 0.25; 0.75; 1"/>
|
||||
</circle>
|
||||
</g>
|
||||
<!-- FOURTH TEST-->
|
||||
<g transform="translate(370, 160) scale(0.6)">
|
||||
<text x="-135" y="-30" font-size="30" stroke="none" fill="#ccc">3</text>
|
||||
<text x="-95" y="-30" font-size="30" stroke="none" fill="#ccc">2.6</text>
|
||||
<text x="65" y="-30" font-size="30" stroke="none" fill="#ccc">0</text>
|
||||
<text x="115" y="-30" font-size="30" stroke="none" fill="#ccc">1</text>
|
||||
<text x="-85" y="50" font-size="30" stroke="none" fill="#ccc">4</text>
|
||||
<text x="50" y="50" font-size="30" stroke="none" fill="#ccc">1.4</text>
|
||||
<g fill="none" stroke="#888" stroke-dasharray="10,6">
|
||||
<polyline points="-125,0 125,0"/>
|
||||
</g>
|
||||
<g fill="#ccc" stroke="#555">
|
||||
<circle cx="-125" r="20"/>
|
||||
<circle cx="-75" r="20"/>
|
||||
<circle cx="75" r="20"/>
|
||||
<circle cx="125" r="20"/>
|
||||
</g>
|
||||
<circle r="20" fill="rgb(204,0,102)" stroke="#000" stroke-width="3">
|
||||
<animateMotion dur="4" from="-125,0" to="125,0" calcMode="linear" fill="freeze" keyPoints="0.8; 1; 0; 0.2" keyTimes="0; 0.25; 0.75; 1"/>
|
||||
</circle>
|
||||
</g>
|
||||
<text x="5" y="235" font-size="28">Test of keyPoints and keyTimes.</text>
|
||||
<text x="5" y="265" font-size="18">Number indicates the circle's passing time in seconds.</text>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,92 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-34-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-34-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-34-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g transform="translate(40,0) scale(0.8)">
|
||||
<!-- GRAY SILHOUETTES INDICATING TIME IN SECONDS-->
|
||||
<polygon points="248.5,38.5 276.5,22.5 298.5,19.5 316.5,26.5 332.5,40.5 331.5,57.5 322.5,70.5 307.5,76.5 314.5,80.5 324.5,86.5 333.5,99.5 333.5,121.5 327.5,130.5 312.5,143.5 292.5,149.5 270.5,148.5 248.5,142.5 252.5,114.5 267.5,119.5 282.5,119.5 297.5,115.5 304.5,109.5 295.5,99.5 284.5,92.5 277.5,84.5 270.5,74.5 281.5,66.5 293.5,60.5 297.5,50.5 292.5,45.5 281.5,45.5 274.5,49.5 266.5,53.5" fill="#ccc" stroke="rgb(0,0,0)" stroke-width="1"/>
|
||||
|
||||
<polygon points="108.5,38.5 123.5,26.5 148.5,16.5 172.5,17.5 188.5,19.5 202.5,23.5 206.5,26.5 210.5,37.5 213.5,44.5 215.5,57.5 209.5,68.5 203.5,81.5 187.5,98.5 164.5,120.5 206.5,121.5 224.5,121.5 220.5,149.5 194.5,147.5 181.5,147.5 167.5,146.5 150.5,147.5 133.5,149.5 117.5,148.5 117.5,136.5 118.5,124.5 133.5,115.5 151.5,97.5 170.5,78.5 186.5,59.5 179.5,43.5 159.5,35.5 139.5,40.5 125.5,49.5" fill="#ccc" stroke="rgb(0,0,0)" stroke-width="1"/>
|
||||
|
||||
<polygon points="26.5,32.5 33.5,32.5 40.5,29.5 47.5,23.5 61.5,17.5 73.5,16.5 74.5,33.5 73.5,50.5 73.5,64.5 72.5,77.5 72.5,90.5 72.5,105.5 71.5,126.5 89.5,128.5 90.5,138.5 89.5,151.5 72.5,151.5 54.5,152.5 38.5,152.5 27.5,152.5 28.5,139.5 30.5,127.5 44.5,125.5 46.5,112.5 47.5,99.5 46.5,87.5 48.5,73.5 48.5,53.5 34.5,52.5 22.5,52.5 22.5,51.5 22.5,41.5 22.5,33.5" fill="#ccc" stroke="rgb(0,0,0)" stroke-width="1"/>
|
||||
|
||||
<polygon points="427.5,17.5 439.5,15.5 449.5,15.5 449.5,29.5 447.5,44.5 447.5,59.5 465.5,60.5 466.5,74.5 465.5,89.5 450.5,87.5 449.5,102.5 449.5,123.5 449.5,140.5 449.5,153.5 420.5,154.5 421.5,137.5 420.5,123.5 420.5,111.5 419.5,99.5 392.5,97.5 367.5,99.5 366.5,79.5 367.5,69.5 376.5,43.5 381.5,27.5 384.5,17.5 412.5,16.5 406.5,36.5 400.5,49.5 394.5,70.5 419.5,71.5 423.5,49.5 424.5,33.5" fill="#ccc" stroke="rgb(0,0,0)" stroke-width="1"/>
|
||||
|
||||
<!-- FIRST TEST, POINTS-->
|
||||
<polygon points="26.5,32.5 33.5,32.5 40.5,29.5 47.5,23.5 61.5,17.5 73.5,16.5 74.5,33.5 73.5,50.5 73.5,64.5 72.5,77.5 72.5,90.5 72.5,105.5 71.5,126.5 89.5,128.5 90.5,138.5 89.5,151.5 72.5,151.5 54.5,152.5 38.5,152.5 27.5,152.5 28.5,139.5 30.5,127.5 44.5,125.5 46.5,112.5 47.5,99.5 46.5,87.5 48.5,73.5 48.5,53.5 34.5,52.5 22.5,52.5 22.5,51.5 22.5,41.5 22.5,33.5" fill="rgb(204,0,102)" stroke="rgb(0,0,0)" stroke-width="4">
|
||||
<animate attributeName="points" values="26.5,32.5 33.5,32.5 40.5,29.5 47.5,23.5 61.5,17.5 73.5,16.5 74.5,33.5 73.5,50.5 73.5,64.5 72.5,77.5 72.5,90.5 72.5,105.5 71.5,126.5 89.5,128.5 90.5,138.5 89.5,151.5 72.5,151.5 54.5,152.5 38.5,152.5 27.5,152.5 28.5,139.5 30.5,127.5 44.5,125.5 46.5,112.5 47.5,99.5 46.5,87.5 48.5,73.5 48.5,53.5 34.5,52.5 22.5,52.5 22.5,51.5 22.5,41.5 22.5,33.5 ; 108.5,38.5 123.5,26.5 148.5,16.5 172.5,17.5 188.5,19.5 202.5,23.5 206.5,26.5 210.5,37.5 213.5,44.5 215.5,57.5 209.5,68.5 203.5,81.5 187.5,98.5 164.5,120.5 206.5,121.5 224.5,121.5 220.5,149.5 194.5,147.5 181.5,147.5 167.5,146.5 150.5,147.5 133.5,149.5 117.5,148.5 117.5,136.5 118.5,124.5 133.5,115.5 151.5,97.5 170.5,78.5 186.5,59.5 179.5,43.5 159.5,35.5 139.5,40.5 125.5,49.5; 248.5,38.5 276.5,22.5 298.5,19.5 316.5,26.5 332.5,40.5 331.5,57.5 322.5,70.5 307.5,76.5 314.5,80.5 324.5,86.5 333.5,99.5 333.5,121.5 327.5,130.5 312.5,143.5 292.5,149.5 270.5,148.5 248.5,142.5 252.5,114.5 267.5,119.5 282.5,119.5 297.5,115.5 304.5,109.5 295.5,99.5 284.5,92.5 277.5,84.5 270.5,74.5 281.5,66.5 293.5,60.5 297.5,50.5 292.5,45.5 281.5,45.5 274.5,49.5 266.5,53.5 ; 427.5,17.5 439.5,15.5 449.5,15.5 449.5,29.5 447.5,44.5 447.5,59.5 465.5,60.5 466.5,74.5 465.5,89.5 450.5,87.5 449.5,102.5 449.5,123.5 449.5,140.5 449.5,153.5 420.5,154.5 421.5,137.5 420.5,123.5 420.5,111.5 419.5,99.5 392.5,97.5 367.5,99.5 366.5,79.5 367.5,69.5 376.5,43.5 381.5,27.5 384.5,17.5 412.5,16.5 406.5,36.5 400.5,49.5 394.5,70.5 419.5,71.5 423.5,49.5 424.5,33.5" fill="freeze" begin="1" dur="3s"/>
|
||||
|
||||
</polygon>
|
||||
|
||||
|
||||
<!-- SECOND TEST, FILL-RULE-->
|
||||
<g transform="scale(0.3) translate(-450, 500)">
|
||||
<path fill-rule="nonzero" fill="#ccc" stroke="none" d="M 500,100 L 500,300 700,300 700,100 550,100 550,250 650,250 650,100 500,100 z">
|
||||
<animate attributeName="fill-rule" values="nonzero; evenodd; evenodd; evenodd" begin="1" dur="4" fill="freeze"/>
|
||||
<animate attributeName="fill" from="rgb(204,0,102)" to="#ccc" begin="0" dur="4" calcMode="discrete" fill="freeze"/>
|
||||
</path>
|
||||
</g>
|
||||
<g transform="scale(0.3) translate(-30, 500)">
|
||||
<path fill-rule="evenodd" fill="#ccc" stroke="none" d="M 500,100 L 500,300 700,300 700,100 550,100 550,250 650,250 650,100 500,100 z">
|
||||
<animate attributeName="fill-rule" values="evenodd; nonzero; evenodd; evenodd" begin="1" dur="4" fill="freeze"/>
|
||||
<animate attributeName="fill" from="#ccc" to="rgb(204,0,102)" begin="1" dur="2" calcMode="discrete" fill="remove"/>
|
||||
</path>
|
||||
</g>
|
||||
<g transform="scale(0.3) translate(390, 500)">
|
||||
<path fill="#ccc" stroke="none" d="M 500,100 L 500,300 700,300 700,100 550,100 550,250 650,250 650,100 500,100 z">
|
||||
<animate attributeName="fill-rule" values="evenodd; evenodd; nonzero; evenodd" begin="1" dur="4" fill="freeze"/>
|
||||
<animate attributeName="fill" from="#ccc" to="rgb(204,0,102)" begin="2" dur="2" calcMode="discrete" fill="remove"/>
|
||||
</path>
|
||||
</g>
|
||||
<g transform="scale(0.3) translate(810, 500)">
|
||||
<path fill="#ccc" stroke="none" d="M 500,100 L 500,300 700,300 700,100 550,100 550,250 650,250 650,100 500,100 z">
|
||||
<animate attributeName="fill-rule" values="evenodd; evenodd; evenodd" begin="1" dur="3"/>
|
||||
<animate attributeName="fill" from="#ccc" to="rgb(204,0,102)" begin="3" dur="2" calcMode="discrete" fill="freeze"/>
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
|
||||
<text x="5" y="225" font-size="28">Animation on: 'points' and 'fill-rule'.</text>
|
||||
<text x="5" y="255" font-size="18">Digit should match outline at indicated time.</text>
|
||||
<text x="5" y="275" font-size="18">Filled square should follow morphing digit discretely.</text>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,120 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-35-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-35-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-35-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g transform="translate(0,0) scale(0.9)">
|
||||
<g>
|
||||
<g fill="none" stroke="gray" stroke-width="15">
|
||||
<g stroke="black">
|
||||
<polyline id="poly" stroke-dasharray="90,20,5,15" points="240,20,300,20,240,80,300,80">
|
||||
<animate begin="0" dur="10" attributeName="stroke-linecap" values="butt; round; square; square" keyTimes="0; 0.33; 0.66; 1" fill="freeze"/>
|
||||
<animate begin="0" dur="10" attributeName="stroke-linejoin" values="miter; round; bevel; bevel" keyTimes="0; 0.33; 0.66; 1" fill="freeze"/>
|
||||
</polyline>
|
||||
<use x="0" y="0" stroke="red" stroke-width="1" xlink:href="#poly"/>
|
||||
<animateTransform type="translate" begin="0" dur="10" values="0 0; 0 0; 0 95; 0 95; 0 190; 0 190" keyTimes="0; 0.3; 0.35; 0.65; 0.7; 1" attributeName="transform" fill="freeze"/>
|
||||
</g>
|
||||
<polyline id="poly1" stroke-linecap="butt" stroke-linejoin="miter" stroke-dasharray="90,20,5,15" points="140,20,200,20,140,80,200,80"/>
|
||||
<polyline id="poly2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="90,20,5,15" points="140,115,200,115,140,175,200,175"/>
|
||||
<polyline id="poly3" stroke-linecap="square" stroke-linejoin="bevel" stroke-dasharray="90,20,5,15" points="140,210,200,210,140,270,200,270"/>
|
||||
<use x="0" y="0" stroke="red" stroke-width="1" xlink:href="#poly1"/>
|
||||
<use x="0" y="0" stroke="red" stroke-width="1" xlink:href="#poly2"/>
|
||||
<use x="0" y="0" stroke="red" stroke-width="1" xlink:href="#poly3"/>
|
||||
</g>
|
||||
<g>
|
||||
<polyline fill="none" stroke="gray" stroke-dashoffset="-50" stroke-dasharray="5,5,20" stroke-width="5" points="10,10,50,10,10,40,50,40"/>
|
||||
<polyline fill="none" stroke="gray" stroke-dashoffset="-30" stroke-dasharray="5,5,20" stroke-width="5" points="10,50,50,50,10,80,50,80"/>
|
||||
<polyline fill="none" stroke="gray" stroke-dashoffset="-10" stroke-dasharray="5,5,20" stroke-width="5" points="10,90,50,90,10,120,50,120"/>
|
||||
<polyline fill="none" stroke="gray" stroke-dashoffset="0" stroke-dasharray="5,5,20" stroke-width="5" points="10,130,50,130,10,160,50,160"/>
|
||||
<polyline fill="none" stroke="gray" stroke-dashoffset="10" stroke-dasharray="5,5,20" stroke-width="5" points="10,170,50,170,10,200,50,200"/>
|
||||
<polyline fill="none" stroke="gray" stroke-dashoffset="30" stroke-dasharray="5,5,20" stroke-width="5" points="10,210,50,210,10,240,50,240"/>
|
||||
<polyline fill="none" stroke="gray" stroke-dashoffset="50" stroke-dasharray="5,5,20" stroke-width="5" points="10,250,50,250,10,280,50,280"/>
|
||||
</g>
|
||||
<g>
|
||||
<polyline fill="none" stroke="red" stroke-dasharray="5,5,20" stroke-width="5" points="60,10,100,10,60,40,100,40">
|
||||
<animate attributeName="stroke-dashoffset" begin="0" dur="10" values="-50; -50; -30; -30; -10; -10; 0; 0; 10; 10; 30; 30; 50; 50" keyTimes="0; 0.05; 0.1; 0.15; 0.2; 0.25; 0.3; 0.35; 0.4; 0.45; 0.5; 0.55; 0.6; 1" fill="freeze"/>
|
||||
</polyline>
|
||||
<animateTransform type="translate" begin="0" dur="10" values="0 0; 0 0; 0 40; 0 40; 0 80; 0 80; 0 120; 0 120; 0 160; 0 160; 0 200; 0 200; 0 240; 0 240" keyTimes="0; 0.05; 0.1; 0.15; 0.2; 0.25; 0.3; 0.35; 0.4; 0.45; 0.5; 0.55; 0.6; 1" attributeName="transform" fill="freeze"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="miterLimit" visibility="hidden" transform="scale(2.5) translate(130 2)">
|
||||
<g id="reference">
|
||||
<g>
|
||||
<path d="M16,51.1c0.8-2.9,2.5-9.2,3-11c2.1,0,8.9,0,11,0c0.5,1.7,2.5,8.2,3.3,11.1l1.9,1.4H47l1.9-2.6L33.8,1.4L31.9,0H17.5 l-1.9,1.4L0.8,49.9l1.9,2.6h11.4L16,51.1z M15.5,37.5c-0.8,2.9-2.5,9.2-3,11c-1.7,0-4.6,0-7.1,0C6.8,44,18.2,6.5,19,4 c2.1,0,9.3,0,11.4,0c0.8,2.5,12.5,40,13.9,44.5c-2.7,0-5.9,0-7.6,0c-0.5-1.7-2.5-8.2-3.3-11l-1.9-1.4H17.4L15.5,37.5z"/>
|
||||
<path d="M22.3,9.8l-2.3,9.3l-2.9,10.2l1.9,2.6h10.7l1.9-2.6l-3-10.3c0,0-2.5-9.3-2.5-9.3L22.3,9.8z M23.9,20.1 c0,0,0.2-0.8,0.4-1.8c0.1,0.5,0.5,1.8,0.5,1.8s1.4,4.9,2.3,7.8c-2,0-3.4,0-5.4,0C22.5,25,23.9,20.1,23.9,20.1z"/>
|
||||
<set attributeName="visibility" begin="0" dur="2" to="visible"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M31.9,0H16.1L0.8,49.9l1.9,2.6h12.9c0,0,2.8-10.2,3.4-12.5c2.1,0,8.9,0,11,0c0.7,2.2,3.7,12.5,3.7,12.5H47l1.9-2.6 L33.3,0H31.9z M30.4,4c0.8,2.5,12.5,40,13.9,44.5c-2.7,0-5.9,0-7.6,0c-0.7-2.2-3.7-12.5-3.7-12.5h-17c0,0-2.8,10.2-3.4,12.5 c-1.7,0-4.6,0-7.1,0C6.8,44,18.2,6.5,19,4C21.1,4,28.3,4,30.4,4z"/>
|
||||
<path d="M22.3,9.8l-2.3,9.3l-2.9,10.2l1.9,2.6h10.7l1.9-2.6l-3-10.3c0,0-2.5-9.3-2.5-9.3L22.3,9.8z M23.9,20.1 c0,0,0.2-0.8,0.4-1.8c0.1,0.5,0.5,1.8,0.5,1.8s1.4,4.9,2.3,7.8c-2,0-3.4,0-5.4,0C22.5,25,23.9,20.1,23.9,20.1z"/>
|
||||
<set attributeName="visibility" begin="2.5" dur="2" to="visible"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M31.9,0H16.1L0,52.5h15.6c0,0,2.8-10.2,3.4-12.5c2.1,0,8.9,0,11,0c0.7,2.2,3.7,12.5,3.7,12.5h16L33.3,0H31.9z M30.4,4 c0.8,2.5,12.5,40,13.9,44.5c-2.7,0-5.9,0-7.6,0c-0.7-2.2-3.7-12.5-3.7-12.5h-17c0,0-2.8,10.2-3.4,12.5c-1.7,0-4.6,0-7.1,0 C6.8,44,18.2,6.5,19,4C21.1,4,28.3,4,30.4,4z"/>
|
||||
<path d="M22.3,9.8l-2.3,9.3l-3.7,12.8h16.1L28.7,19c0,0-2.5-9.3-2.5-9.3L22.3,9.8z M23.9,20.1c0,0,0.2-0.8,0.4-1.8 c0.1,0.5,0.5,1.8,0.5,1.8s1.4,4.9,2.3,7.8c-2,0-3.4,0-5.4,0C22.5,25,23.9,20.1,23.9,20.1z"/>
|
||||
<set attributeName="visibility" begin="5" dur="2" to="visible"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M31.9,0H16.1L0,52.5h15.6c0,0,2.8-10.2,3.4-12.5c2.1,0,8.9,0,11,0c0.7,2.2,3.7,12.5,3.7,12.5h16L33.3,0H31.9z M30.4,4 c0.8,2.5,12.5,40,13.9,44.5c-2.7,0-5.9,0-7.6,0c-0.7-2.2-3.7-12.5-3.7-12.5h-17c0,0-2.8,10.2-3.4,12.5c-1.7,0-4.6,0-7.1,0 C6.8,44,18.2,6.5,19,4C21.1,4,28.3,4,30.4,4z"/>
|
||||
<path d="M22.3,9.8l-2.3,9.3l-3.7,12.8h16.1L28.7,19c0,0-2.5-9.3-2.5-9.3l-2-7.6L22.3,9.8z M23.9,20.1c0,0,0.2-0.8,0.4-1.8 c0.1,0.5,0.5,1.8,0.5,1.8s1.4,4.9,2.3,7.8c-2,0-3.4,0-5.4,0C22.5,25,23.9,20.1,23.9,20.1z"/>
|
||||
<set attributeName="visibility" begin="7.5" to="visible"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="animated">
|
||||
<path fill="none" stroke="#FF0000" stroke-width="4" stroke-miterlimit="1" d="M17.5,38.1l-3.4,12.5H2.7L17.5,2h14.3L47,50.5 H35.2l-3.7-12.5H17.5z M29.8,29.9l-3-10.3C26,16.7,25,13,24.3,10.2c-0.6,2.9-1.5,6.6-2.3,9.4l-3,10.3H29.8z">
|
||||
<animate attributeName="stroke-miterlimit" attributeType="CSS" begin="0" dur="10" keyTimes="0; 0.2; 0.25; 0.45; 0.5; 0.7; 0.75; 1" fill="freeze" values="1; 1; 1.5; 1.5; 2; 2; 5; 5"/>
|
||||
</path>
|
||||
<set attributeName="visibility" begin="0" dur="2" to="visible"/>
|
||||
<set attributeName="visibility" begin="2.5" dur="2" to="visible"/>
|
||||
<set attributeName="visibility" begin="5" dur="2" to="visible"/>
|
||||
<set attributeName="visibility" begin="7.5" to="visible"/>
|
||||
</g>
|
||||
<use x="0" y="60" xlink:href="#animated"/>
|
||||
<use x="0" y="60" xlink:href="#reference"/>
|
||||
</g>
|
||||
<path fill="none" stroke="blue" stroke-width="10" stroke-dasharray="5" transform="translate(520 20) scale(1 2) rotate(90)" d="M15.2,5.4C5.5,10.1,1.1,18.8,2,31.7c14.8,32.1,138.9-59,127.8-19.7C112.1,75.3,42.2-8.8,15.2,5.4">
|
||||
<animate begin="1" dur="1" attributeName="stroke-dasharray" values="5; 500" keyTimes="0; 1" fill="freeze"/>
|
||||
<animate begin="0" dur="10" attributeName="stroke-dashoffset" from="0" to="100"/>
|
||||
</path>
|
||||
</g>
|
||||
<text x="5" y="280" font-size="18">Animation on: 'stroke-dasharray', 'stroke-dashoffset',</text>
|
||||
<text x="5" y="305" font-size="18">'stroke-miterlimit', 'stroke-linecap' and 'stroke-linejoin'.</text>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.8 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,88 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-37-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-37-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-37-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="25" font-size="16"><animateTransform> shape elements</text>
|
||||
<g transform="translate(0,0)">
|
||||
<g transform="translate(60,90)">
|
||||
<path id="pathID" fill="rgb(230,230,230)" stroke="rgb(255,180,0)" d="M 0 0 Q 30 0 30 -30 Q 0 -30 0 0 Q 0 -30 -30 -30 Q -30 0 0 0 Q -30 0 -30 30 Q 0 30 0 0 Q 0 30 30 30 Q30 0 0 0 Z"/>
|
||||
<animateTransform attributeName="transform" xlink:href="#pathID" type="rotate" values="0;360;180;360" dur="3s"/>
|
||||
<text y="60" text-anchor="middle"><path></text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(180,90)">
|
||||
<rect id="rectID" fill="rgb(230,230,230)" stroke="rgb(255,180,0)" x="-30" y="-20" width="60" height="40"/>
|
||||
<animateTransform attributeName="transform" xlink:href="#rectID" type="rotate" values="0;360;180;360" dur="3s"/>
|
||||
<text y="60" text-anchor="middle"><rect></text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(300,90)">
|
||||
<circle id="circleID" fill="rgb(230,230,230)" stroke="rgb(255,180,0)" r="30"/>
|
||||
<animateTransform attributeName="transform" xlink:href="#circleID" type="scale" values="1;0.2;1.5;1" dur="3s"/>
|
||||
<text y="60" text-anchor="middle"><circle></text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(420,90)">
|
||||
<ellipse id="ellipseID" fill="rgb(230,230,230)" stroke="rgb(255,180,0)" rx="40" ry="20"/>
|
||||
<animateTransform attributeName="transform" xlink:href="#ellipseID" type="rotate" values="0;360;180;360" dur="3s"/>
|
||||
<text y="60" text-anchor="middle"><ellipse></text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(60,220)">
|
||||
<line id="lineID" stroke="rgb(255,180,0)" stroke-width="10" stroke-linecap="round" x1="-30" y1="-20" x2="30" y2="20"/>
|
||||
<animateTransform attributeName="transform" xlink:href="#lineID" type="rotate" values="0;360;180;360" dur="3s"/>
|
||||
<text y="60" text-anchor="middle"><line></text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(180,220)">
|
||||
<polyline id="polylineID" stroke="rgb(255,180,0)" stroke-width="10" stroke-linecap="round" fill="none" stroke-linejoin="round" points="-30 20 -30 -20 30 20 30 -20"/>
|
||||
<animateTransform attributeName="transform" xlink:href="#polylineID" type="rotate" values="0;360;180;360" dur="3s"/>
|
||||
<text y="60" text-anchor="middle"><polyline></text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(300,220)">
|
||||
<polygon id="polygonID" fill="rgb(230,230,230)" stroke="rgb(255,180,0)" points="-30 20 -30 -20 30 20 30 -20"/>
|
||||
<animateTransform attributeName="transform" xlink:href="#polygonID" type="rotate" values="0;360;180;360" dur="3s"/>
|
||||
<text y="60" text-anchor="middle"><polygon></text>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-38-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-38-t-manual.svg</h1>
|
||||
<svg version="1.1" baseProfile="tiny" preserveAspectRatio="none" 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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-38-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g id="elk" fill="rgb(246,255,129)" stroke="rgb(0,0,0)" transform="translate(40 5) scale(0.9 0.9)">
|
||||
<path fill="rgb(191,48,0)" d="M39.4 149.4 C31 156.2 21.3 167 29.3 177.9 C39.6 191.8 60.5 190.6 70.3 176.5 C75.8 168.6 70.3 138.5 87.6 140.7 C101.1 142.4 97 174.9 96.6 184.7 C96.3 193.7 95.4 200.4 91.4 208.7 C88.2 215.2 82.2 221.7 81.6 228.7 C79.7 249.7 104.5 239.8 105.6 222.7 C106.7 205.9 101.8 190.2 103.6 173.7 C104.6 164.8 111 154.2 117.4 166.7 C121.5 174.8 117.1 183 115.6 190.7 C113.6 201 109 229.3 120.9 236.5 C134.1 244.5 141.3 215.2 139.7 205.7 C138.4 197.5 133.7 189.6 131.6 181.7 C130.7 178.3 126.2 161.8 128.8 158.9 C135.5 151.7 145.6 168.2 147.4 172.7 C150.5 180.4 150.3 189 147.8 196.7 C144.2 207.8 130.8 231.9 145.4 241.8 C166.7 256.2 164.8 218.6 163.4 208.7 C162.1 199.9 160.3 190.6 159.6 181.7 C158.7 169.5 163.8 167.6 175.4 167.7 C203.6 167.8 180.5 199.7 179.6 214.7 C179 224.2 183.4 236.6 194.7 237.7 C208.4 239 208.6 220.8 208.7 210.9 C208.9 189.8 197 171.5 198.9 150.8 C210.5 146.1 196.6 133.6 191.7 130.4 C182.6 124.5 172.3 122.1 161.7 120.6 C146.9 118.6 132 120.5 117.1 121 C110.5 121.2 104 121.4 97.5 120.1 C92.3 119 86.5 117.7 81.2 119.2 C77.7 120.2 71.6 122.5 68.6 124.6 C65.9 126.6 64.8 130.2 62.6 132.8 C56.4 140.2 46.8 143.3 39.5 149.3 z"/>
|
||||
<path d="M165.2 86.7 C184 67.3 201.2 47.5 188.2 19.7 C182.1 6.5 153.5 -12.8 154.5 13.9 C154.9 24.4 160.7 29.8 165.5 37.7 C168.8 43.2 172 60.8 158.7 57.6 C150.8 55.7 152.3 40.9 139.5 47.8 C130.2 52.8 133.8 60.1 138.3 66.8 C142.2 72.8 149.3 79.3 141.5 86 C134.6 91.9 126.9 84 127.3 75.9 C111 72.5 123.3 89.9 124.3 95.8 C114.3 103.2 117.2 93.4 111.2 90 C103.8 85.6 97 92.4 97.2 98 C97.4 105.8 105.2 105.2 96.7 113 C94 115.4 90.6 116.8 87.2 117.7 C85.5 118.2 83.8 118.6 82.1 119 C81.6 119.1 77.9 119.7 79.4 120.6 C80.9 121.4 82.8 120.7 84.4 120.7 C86 120.6 87.6 120.5 89.2 120.3 C92.5 120 95.9 119.5 99.2 118.9 C106.1 117.6 113 115.9 119.6 113.6 C126.4 111.3 133 108.5 139.3 105.3 C145.4 102.2 151.3 98.5 156.7 94.3 C159.7 92 162.5 89.5 165.1 86.8 z"/>
|
||||
<path d="M56.8 120.4 C57 120.6 57.3 120.8 57.5 121 C59.3 122.4 61.8 122.9 64.1 123.1 C65.3 123.3 66.6 123.3 67.8 123.4 C68.3 123.4 68.9 123.5 69.4 123.5 C69.7 123.5 70.5 123.3 70.8 123.6 C71.2 124.1 70.4 124.4 70.1 124.5 C68.8 125.1 67.3 124.7 66 124.9 C65.1 125 64.1 125.1 63.2 125.2 C59.5 125.5 55.8 125.8 52.1 126 C48.2 126.2 44.2 126.3 40.3 126.2 C36.4 126.1 32.5 125.8 28.6 125.3 C25 124.8 21.4 123.9 18 122.7 C14.9 121.5 11.8 120 9.2 117.9 C6.7 115.9 4.6 113.3 3.1 110.4 C1.5 107.1 0.7 103.3 0.6 99.6 C-0.1 81.8 22.3 81 17.9 99.6 C16.6 105.2 10.2 115 18.6 117.6 C28.6 120.7 26.5 109.2 24.8 104.7 C27.7 104.2 31.6 104.2 34.5 104.7 C34.3 109.3 33.6 117.7 40.6 117.6 C47.8 117.5 41.5 109.7 49.6 109.6 C57.6 109.5 53.3 116.4 56.9 120.3 z"/>
|
||||
<path fill="rgb(255,255,255)" d="M71.5 129.8 C72.3 131.6 75.3 131.5 75.4 129.3 C75.5 126.5 70.2 126.8 71.5 129.8"/>
|
||||
<path fill="rgb(255,255,255)" d="M80.1 130 C82.9 127.7 78.6 125 77.6 126.4 C76.6 127.9 77.6 132.1 80.1 130"/>
|
||||
</g>
|
||||
<g stroke-width="5" fill="none" stroke="none">
|
||||
<rect fill="none" x="0" y="0" width="300" height="300">
|
||||
<animateColor attributeName="stroke" values="green; white" begin="1" dur="0.2" repeatCount="5"/>
|
||||
</rect>
|
||||
<rect fill="none" x="100" y="100" width="100" height="100">
|
||||
<animateColor attributeName="stroke" values="green; white" begin="3" dur="0.2" repeatCount="5"/>
|
||||
</rect>
|
||||
<rect fill="none" x="0" y="100" width="100" height="100">
|
||||
<animateColor attributeName="stroke" values="green; white" begin="5" dur="0.2" repeatCount="5"/>
|
||||
</rect>
|
||||
<rect fill="none" x="200" y="0" width="100" height="100">
|
||||
<animateColor attributeName="stroke" values="green; white" begin="7" dur="0.2" repeatCount="5"/>
|
||||
</rect>
|
||||
<rect fill="none" x="100" y="0" width="200" height="200">
|
||||
<animateColor attributeName="stroke" values="green; white" begin="9" dur="0.2" repeatCount="5"/>
|
||||
</rect>
|
||||
<rect fill="none" x="0" y="100" width="200" height="200">
|
||||
<animateColor attributeName="stroke" values="green; white" begin="11" dur="0.2" repeatCount="5"/>
|
||||
</rect>
|
||||
<rect fill="none" x="0" y="100" width="300" height="200">
|
||||
<animateColor attributeName="stroke" values="green; white" begin="13" dur="0.2" repeatCount="5"/>
|
||||
</rect>
|
||||
<rect fill="none" x="0" y="0" width="300" height="300">
|
||||
<animateColor attributeName="stroke" values="green; white" begin="15" dur="0.2" repeatCount="5"/>
|
||||
</rect>
|
||||
</g>
|
||||
<animate attributeName="viewBox" xlink:href="#svg-root" values="0 0 300 300; 0 0 300 300; 100 100 100 100; 100 100 100 100; 0 100 100 100; 0 100 100 100; 200 0 100 100; 200 0 100 100; 100 0 200 200; 100 0 200 200; 0 100 200 200; 0 100 200 200; 0 100 300 200; 0 100 300 200; 0 0 300 300; 0 0 300 300" keyTimes="0; 0.1; 0.15; 0.2; 0.25; 0.3; 0.35; 0.4; 0.45; 0.5; 0.55; 0.6; 0.65; 0.7; 0.75; 1" begin="0" dur="20" fill="freeze"/>
|
||||
<text x="5" y="240" font-size="14">Animation on: 'viewBox'. Flashing frame should</text>
|
||||
<text x="5" y="260" font-size="14">only appear at the edges of the SVG element.</text>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="298" height="298" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="298" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="'Arial Black', Arial, sans-serif" font-weight="bold" font-size="20" x="150" text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,393 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-41-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-41-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-41-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="25" font-size="20">graphics</text>
|
||||
<g transform="translate(80, 75)">
|
||||
<g transform="translate(30,10)" text-anchor="end" font-size="12">
|
||||
<text>fill</text>
|
||||
<text y="20">fill-rule</text>
|
||||
<text y="40">stroke</text>
|
||||
<text y="60">stroke-width</text>
|
||||
<text y="80">stroke-linecap</text>
|
||||
<text y="100">stroke-linejoin</text>
|
||||
<text y="120">stroke-miterlimit</text>
|
||||
<text y="140">stroke-dashoffset</text>
|
||||
<text y="160">display</text>
|
||||
<text y="180">visibility</text>
|
||||
<text y="200">color</text>
|
||||
</g>
|
||||
|
||||
<g id="type" transform="translate(90, -20)" text-anchor="middle" font-size="14">
|
||||
<text x="20" y="3">element</text>
|
||||
<text x="130" y="3"><g></text>
|
||||
<text x="235" y="3"><a></text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(80,0)" fill="rgb(204,0,102)">
|
||||
<g id="setZero">
|
||||
<defs>
|
||||
<g id="animateZeroRef">
|
||||
<rect x="10" y="-6" width="8" height="4" fill="rgb(204,0,102)"/>
|
||||
<rect x="10" y="-6" width="8" height="4" fill="rgb(230,82,51)" transform="translate(15,0)"/>
|
||||
<rect x="10" y="-6" width="8" height="4" fill="rgb(255,165,0)" transform="translate(30,0)"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#animateZeroRef"/>
|
||||
<use xlink:href="#animateZeroRef" x="110"/>
|
||||
<use xlink:href="#animateZeroRef" x="220"/>
|
||||
|
||||
<rect x="10" width="8" height="8" fill="rgb(204,0,102)">
|
||||
<animate attributeName="fill" to="rgb(255,165,0)" dur="3s" fill="freeze"/>
|
||||
<animate attributeName="x" to="40" dur="3s" fill="freeze"/>
|
||||
</rect>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<rect x="10" width="8" height="8"/>
|
||||
<animate attributeName="fill" to="rgb(255,165,0)" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<rect x="10" width="8" height="8"/>
|
||||
<animate attributeName="fill" to="rgb(255,165,0)" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
</a>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="setOne" transform="translate(5,15)" stroke="rgb(204,0,102)">
|
||||
<defs>
|
||||
<g id="setOneRef" fill="#ccc" stroke="none">
|
||||
<polyline stroke-width="1" points="20,10,0,10,15,20,10,2,5,20,20,10"/>
|
||||
<polyline fill-rule="evenodd" stroke-width="1" points="20,10,0,10,15,20,10,2,5,20,20,10" transform="translate(30,0)"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setOneRef"/>
|
||||
<use xlink:href="#setOneRef" x="110"/>
|
||||
<use xlink:href="#setOneRef" x="220"/>
|
||||
|
||||
<polyline points="20,10,0,10,15,20,10,2,5,20,20,10">
|
||||
<animate attributeName="fill-rule" from="nonzero" to="evenodd" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
</polyline>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<animate attributeName="fill-rule" from="nonzero" to="evenodd" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<polyline points="20,10,0,10,15,20,10,2,5,20,20,10"/>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<animate attributeName="fill-rule" from="nonzero" to="evenodd" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<polyline points="20,10,0,10,15,20,10,2,5,20,20,10"/>
|
||||
</a>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="setTwo" transform="translate(0,45)" fill="none">
|
||||
<defs>
|
||||
<g id="setTwoRef" fill="none" stroke-width="4">
|
||||
<rect x="10" width="8" height="8" stroke="rgb(204,0,102)"/>
|
||||
<rect x="10" width="8" height="8" transform="translate(15,0)" stroke="rgb(230,82,51)"/>
|
||||
<rect x="10" width="8" height="8" transform="translate(30,0)" stroke="rgb(255,165,0)"/>
|
||||
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setTwoRef"/>
|
||||
<use xlink:href="#setTwoRef" x="110"/>
|
||||
<use xlink:href="#setTwoRef" x="220"/>
|
||||
|
||||
<rect x="10" width="8" height="8" stroke-width="3">
|
||||
<animate attributeName="stroke" from="rgb(204,0,102)" to="rgb(255,165,0)" dur="3s"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
</rect>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<animate attributeName="stroke" from="rgb(204,0,102)" to="rgb(255,165,0)" dur="3s"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<rect x="10" width="8" height="8" stroke-width="3"/>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<animate attributeName="stroke" from="rgb(204,0,102)" to="rgb(255,165,0)" dur="3s"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<rect x="10" width="8" height="8" stroke-width="3"/>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setThree" transform="translate(0,60)">
|
||||
<defs>
|
||||
<g id="setThreeRef">
|
||||
<line x1="10" y1="3" x2="20" y2="3" stroke-width="1" stroke="gray"/>
|
||||
<line x1="10" y1="3" x2="20" y2="3" stroke-width="5" stroke="gray" transform="translate(30,0)"/>
|
||||
</g>
|
||||
</defs>
|
||||
|
||||
<use xlink:href="#setThreeRef"/>
|
||||
<use xlink:href="#setThreeRef" x="110"/>
|
||||
<use xlink:href="#setThreeRef" x="220"/>
|
||||
|
||||
<line x1="10" y1="8" x2="20" y2="8" stroke="gray">
|
||||
<animate attributeName="stroke-width" from="1" to="5" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
</line>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<animate attributeName="stroke-width" from="1" to="5" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<line x1="10" y1="8" x2="20" y2="8" stroke="gray"/>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<animate attributeName="stroke-width" from="1" to="5" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<line x1="10" y1="8" x2="20" y2="8" stroke="gray"/>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setFour" transform="translate(0,80)" stroke-width="4" stroke="rgb(204,0,102)">
|
||||
<defs>
|
||||
<g id="setFourRef" stroke-width="12">
|
||||
<line x1="10" y1="8" x2="12" y2="8" stroke="#ccc"/>
|
||||
<line x1="10" y1="8" x2="12" y2="8" stroke-linecap="round" stroke="#ccc" transform="translate(30,0)"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setFourRef"/>
|
||||
<use xlink:href="#setFourRef" x="110"/>
|
||||
<use xlink:href="#setFourRef" x="220"/>
|
||||
|
||||
<line x1="10" y1="8" x2="12" y2="8" stroke-width="12">
|
||||
<animate attributeName="stroke-linecap" from="butt" to="round" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
</line>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<animate attributeName="stroke-linecap" from="butt" to="round" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<line x1="10" y1="8" x2="12" y2="8" stroke-width="12"/>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<animate attributeName="stroke-linecap" from="butt" to="round" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<line x1="10" y1="8" x2="12" y2="8" stroke-width="12"/>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setFive" transform="translate(5,100)" fill="none" stroke-miterlimit="10" stroke-width="3" stroke="rgb(204,0,102)">
|
||||
<defs>
|
||||
<g id="setFiveRef">
|
||||
<polyline stroke="#ccc" points="5,2,20,5,5,8"/>
|
||||
<polyline stroke="#ccc" points="5,2,20,5,5,8" stroke-linejoin="bevel" transform="translate(30,0)"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setFiveRef"/>
|
||||
<use xlink:href="#setFiveRef" x="110"/>
|
||||
<use xlink:href="#setFiveRef" x="220"/>
|
||||
|
||||
<polyline points="5,2,20,5,5,8">
|
||||
<animate attributeName="stroke-linejoin" from="miter" to="bevel" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
</polyline>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<animate attributeName="stroke-linejoin" from="miter" to="bevel" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<polyline points="5,2,20,5,5,8"/>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<animate attributeName="stroke-linejoin" from="miter" to="bevel" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<polyline points="5,2,20,5,5,8"/>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setSix" transform="translate(5,120)" stroke-miterlimit="1" fill="none" stroke-width="3" stroke="rgb(204,0,102)">
|
||||
<defs>
|
||||
<g id="setSixRef">
|
||||
<polyline points="5,0,20,5,5,10" stroke="#ccc"/>
|
||||
<polyline points="5,0,20,5,5,10" stroke="#ccc" stroke-miterlimit="10" transform="translate(30,0)"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setSixRef"/>
|
||||
<use xlink:href="#setSixRef" x="110"/>
|
||||
<use xlink:href="#setSixRef" x="220"/>
|
||||
|
||||
<polyline points="5,0,20,5,5,10">
|
||||
<animate attributeName="stroke-miterlimit" from="1" to="10" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
</polyline>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<animate attributeName="stroke-miterlimit" from="1" to="10" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<polyline points="5,0,20,5,5,10"/>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<animate attributeName="stroke-miterlimit" from="1" to="10" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<polyline points="5,0,20,5,5,10"/>
|
||||
</a>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="setSeven" transform="translate(-5,145)" stroke-dasharray="3,4,5" stroke-width="3" stroke="rgb(204,0,102)">
|
||||
<defs>
|
||||
<g id="setSevenRef">
|
||||
<line x1="0" y1="0" x2="25" y2="0" stroke="#ccc"/>
|
||||
<line x1="0" y1="0" x2="25" y2="0" stroke="#ccc" stroke-dashoffset="5.5" transform="translate(40,0)"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setSevenRef"/>
|
||||
<use xlink:href="#setSevenRef" x="110"/>
|
||||
<use xlink:href="#setSevenRef" x="220"/>
|
||||
|
||||
<line x1="0" y1="0" x2="25" y2="0">
|
||||
<animate attributeName="stroke-dashoffset" from="0" to="5.5" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="40" dur="3s" fill="freeze" additive="sum"/>
|
||||
</line>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<animate attributeName="stroke-dashoffset" from="0" to="5.5" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="40" dur="3s" fill="freeze" additive="sum"/>
|
||||
<line x1="0" y1="0" x2="25" y2="0"/>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<animate attributeName="stroke-dashoffset" from="0" to="5.5" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="40" dur="3s" fill="freeze" additive="sum"/>
|
||||
<line x1="0" y1="0" x2="25" y2="0"/>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setEight" transform="translate(0,160)">
|
||||
<defs>
|
||||
<g id="setEightRef">
|
||||
<rect x="10" width="8" height="8" fill="#ccc"/>
|
||||
<rect x="10" width="8" height="8" fill="#ccc" transform="translate(30,0)" display="none"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setEightRef"/>
|
||||
<use xlink:href="#setEightRef" x="110"/>
|
||||
<use xlink:href="#setEightRef" x="220"/>
|
||||
<rect x="10" width="8" height="8">
|
||||
<animate attributeName="display" from="inline" to="none" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
</rect>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<animate attributeName="display" from="inline" to="none" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<rect x="10" width="8" height="8"/>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<animate attributeName="display" from="inline" to="none" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<rect x="10" width="8" height="8"/>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setNine" transform="translate(0,180)">
|
||||
<defs>
|
||||
<g id="setNineRef">
|
||||
<rect x="10" width="8" height="8" fill="#ccc"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setNineRef"/>
|
||||
<use xlink:href="#setNineRef" x="110"/>
|
||||
<use xlink:href="#setNineRef" x="220"/>
|
||||
|
||||
<rect x="10" width="8" height="8">
|
||||
<animate attributeName="visibility" from="visible" to="hidden" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
</rect>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<animate attributeName="visibility" from="visible" to="hidden" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<rect x="10" width="8" height="8"/>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<animate attributeName="visibility" from="visible" to="hidden" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<rect x="10" width="8" height="8"/>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setTen" color="rgb(204,0,102)" transform="translate(0,200)">
|
||||
<defs>
|
||||
<g id="animateTenRef">
|
||||
<rect x="10" y="-6" width="8" height="4" fill="rgb(204,0,102)"/>
|
||||
<rect x="10" y="-6" width="8" height="4" fill="rgb(230,82,51)" transform="translate(15,0)"/>
|
||||
<rect x="10" y="-6" width="8" height="4" fill="rgb(255,165,0)" transform="translate(30,0)"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#animateTenRef"/>
|
||||
<use xlink:href="#animateTenRef" x="110"/>
|
||||
<use xlink:href="#animateTenRef" x="220"/>
|
||||
|
||||
<rect x="10" width="8" height="8" fill="currentColor">
|
||||
<animate attributeName="color" from="rgb(204,0,102)" to="rgb(255,165,0)" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
</rect>
|
||||
|
||||
<g transform="translate(110, 0)" fill="currentColor">
|
||||
<animate attributeName="color" from="rgb(204,0,102)" to="rgb(255,165,0)" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<rect x="10" width="8" height="8"/>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)" fill="currentColor">
|
||||
<animate attributeName="color" from="rgb(204,0,102)" to="rgb(255,165,0)" dur="3s" fill="freeze"/>
|
||||
<animateTransform type="translate" attributeName="transform" from="0" to="30" dur="3s" fill="freeze" additive="sum"/>
|
||||
<rect x="10" width="8" height="8"/>
|
||||
</a>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.8 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-44-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-44-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-44-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g transform="translate(40,0) scale(0.8)">
|
||||
<!-- GRAY SILHOUETTES INDICATING TIME IN SECONDS-->
|
||||
<path id="Number1" d="M 26.5,32.5 L 33.5,32.5 40.5,29.5 47.5,23.5 61.5,17.5 73.5,16.5 74.5,33.5 73.5,50.5 73.5,64.5 72.5,77.5 72.5,90.5 72.5,105.5 71.5,126.5 89.5,128.5 90.5,138.5 89.5,151.5 72.5,151.5 54.5,152.5 38.5,152.5 27.5,152.5 28.5,139.5 30.5,127.5 44.5,125.5 46.5,112.5 47.5,99.5 46.5,87.5 48.5,73.5 48.5,53.5 34.5,52.5 22.5,52.5 22.5,51.5 22.5,41.5 22.5,33.5 Z" fill="#ccc" stroke="rgb(0,0,0)" stroke-width="1"/>
|
||||
<path id="Number2" d="M 108.5,38.5 L 123.5,26.5 148.5,16.5 172.5,17.5 188.5,19.5 202.5,23.5 206.5,26.5 210.5,37.5 213.5,44.5 215.5,57.5 209.5,68.5 203.5,81.5 187.5,98.5 164.5,120.5 206.5,121.5 224.5,121.5 220.5,149.5 194.5,147.5 181.5,147.5 167.5,146.5 150.5,147.5 133.5,149.5 117.5,148.5 117.5,136.5 118.5,124.5 133.5,115.5 151.5,97.5 170.5,78.5 186.5,59.5 179.5,43.5 159.5,35.5 139.5,40.5 125.5,49.5 Z" fill="#ccc" stroke="rgb(0,0,0)" stroke-width="1"/>
|
||||
<path id="Number3" d="M 248.5,38.5 L 276.5,22.5 298.5,19.5 316.5,26.5 332.5,40.5 331.5,57.5 322.5,70.5 307.5,76.5 314.5,80.5 324.5,86.5 333.5,99.5 333.5,121.5 327.5,130.5 312.5,143.5 292.5,149.5 270.5,148.5 248.5,142.5 252.5,114.5 267.5,119.5 282.5,119.5 297.5,115.5 304.5,109.5 295.5,99.5 284.5,92.5 277.5,84.5 270.5,74.5 281.5,66.5 293.5,60.5 297.5,50.5 292.5,45.5 281.5,45.5 274.5,49.5 266.5,53.5 Z" fill="#ccc" stroke="rgb(0,0,0)" stroke-width="1"/>
|
||||
<path id="Number4" d="M 427.5,17.5 L 439.5,15.5 449.5,15.5 449.5,29.5 447.5,44.5 447.5,59.5 465.5,60.5 466.5,74.5 465.5,89.5 450.5,87.5 449.5,102.5 449.5,123.5 449.5,140.5 449.5,153.5 420.5,154.5 421.5,137.5 420.5,123.5 420.5,111.5 419.5,99.5 392.5,97.5 367.5,99.5 366.5,79.5 367.5,69.5 376.5,43.5 381.5,27.5 384.5,17.5 412.5,16.5 406.5,36.5 400.5,49.5 394.5,70.5 419.5,71.5 423.5,49.5 424.5,33.5 Z" fill="#ccc" stroke="rgb(0,0,0)" stroke-width="1"/>
|
||||
<!-- Gray silhouettes indicating the positions of the marker circle -->
|
||||
<circle r="30" cx="50" cy="200" fill="#ccc"/>
|
||||
<circle r="30" cx="173" cy="200" fill="#ccc"/>
|
||||
<circle r="30" cx="297" cy="200" fill="#ccc"/>
|
||||
<circle r="30" cx="420" cy="200" fill="#ccc"/>
|
||||
|
||||
<!-- Test the animation of the d attribute -->
|
||||
<path id="animatedNumber" d="M 26.5,32.5 L 33.5,32.5 40.5,29.5 47.5,23.5 61.5,17.5 73.5,16.5 74.5,33.5 73.5,50.5 73.5,64.5 72.5,77.5 72.5,90.5 72.5,105.5 71.5,126.5 89.5,128.5 90.5,138.5 89.5,151.5 72.5,151.5 54.5,152.5 38.5,152.5 27.5,152.5 28.5,139.5 30.5,127.5 44.5,125.5 46.5,112.5 47.5,99.5 46.5,87.5 48.5,73.5 48.5,53.5 34.5,52.5 22.5,52.5 22.5,51.5 22.5,41.5 22.5,33.5 Z" fill="rgb(204,0,102)" stroke="rgb(0,0,0)" stroke-width="4">
|
||||
<animate attributeName="d" values="M 26.5,32.5 L 33.5,32.5 40.5,29.5 47.5,23.5 61.5,17.5 73.5,16.5 74.5,33.5 73.5,50.5 73.5,64.5 72.5,77.5 72.5,90.5 72.5,105.5 71.5,126.5 89.5,128.5 90.5,138.5 89.5,151.5 72.5,151.5 54.5,152.5 38.5,152.5 27.5,152.5 28.5,139.5 30.5,127.5 44.5,125.5 46.5,112.5 47.5,99.5 46.5,87.5 48.5,73.5 48.5,53.5 34.5,52.5 22.5,52.5 22.5,51.5 22.5,41.5 22.5,33.5 Z; M 108.5,38.5 L 123.5,26.5 148.5,16.5 172.5,17.5 188.5,19.5 202.5,23.5 206.5,26.5 210.5,37.5 213.5,44.5 215.5,57.5 209.5,68.5 203.5,81.5 187.5,98.5 164.5,120.5 206.5,121.5 224.5,121.5 220.5,149.5 194.5,147.5 181.5,147.5 167.5,146.5 150.5,147.5 133.5,149.5 117.5,148.5 117.5,136.5 118.5,124.5 133.5,115.5 151.5,97.5 170.5,78.5 186.5,59.5 179.5,43.5 159.5,35.5 139.5,40.5 125.5,49.5 Z; M 248.5,38.5 L 276.5,22.5 298.5,19.5 316.5,26.5 332.5,40.5 331.5,57.5 322.5,70.5 307.5,76.5 314.5,80.5 324.5,86.5 333.5,99.5 333.5,121.5 327.5,130.5 312.5,143.5 292.5,149.5 270.5,148.5 248.5,142.5 252.5,114.5 267.5,119.5 282.5,119.5 297.5,115.5 304.5,109.5 295.5,99.5 284.5,92.5 277.5,84.5 270.5,74.5 281.5,66.5 293.5,60.5 297.5,50.5 292.5,45.5 281.5,45.5 274.5,49.5 266.5,53.5 Z; M 427.5,17.5 L 439.5,15.5 449.5,15.5 449.5,29.5 447.5,44.5 447.5,59.5 465.5,60.5 466.5,74.5 465.5,89.5 450.5,87.5 449.5,102.5 449.5,123.5 449.5,140.5 449.5,153.5 420.5,154.5 421.5,137.5 420.5,123.5 420.5,111.5 419.5,99.5 392.5,97.5 367.5,99.5 366.5,79.5 367.5,69.5 376.5,43.5 381.5,27.5 384.5,17.5 412.5,16.5 406.5,36.5 400.5,49.5 394.5,70.5 419.5,71.5 423.5,49.5 424.5,33.5 Z" fill="freeze" begin="1" dur="3s"/>
|
||||
</path>
|
||||
|
||||
<!-- the "bouncing ball" circle that shows where the path should be -->
|
||||
<circle r="30" cx="50" cy="200" fill="rgb(204,0,102)">
|
||||
<animate attributeName="cx" values="50; 173; 297; 420" begin="1" dur="4" calcMode="discrete" fill="freeze"/>
|
||||
</circle>
|
||||
</g>
|
||||
<text x="5" y="225" font-size="28">
|
||||
Animation on the 'd'
|
||||
attribute of path.
|
||||
</text>
|
||||
<text x="5" y="255" font-size="18">Digit should match outline at indicated time.</text>
|
||||
<text x="5" y="275" font-size="18">Filled circle should follow morphing digit discretely.</text>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,239 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-46-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-46-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-46-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F" font-weight="700">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSansBold.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F" font-style="italic">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSansItalic.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F" font-weight="700" font-style="italic">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSansBoldItalic.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
<font-face font-family="FreeSerif" unicode-range="U+0-7F" font-weight="bold">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/FreeSerifBold.svg#FreeSerifBold"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g transform="translate(80, 80)">
|
||||
<g transform="translate(20,10)" text-anchor="end" font-size="14">
|
||||
<text x="5" y="15">text-anchor</text>
|
||||
<text x="5" y="50">font-size</text>
|
||||
<text x="5" y="85">font-family</text>
|
||||
<text x="5" y="120">font-style</text>
|
||||
<text x="5" y="155">font-weight</text>
|
||||
</g>
|
||||
|
||||
<g id="type" transform="translate(90, -10)" text-anchor="middle" font-size="14">
|
||||
<text x="20" y="3"><text></text>
|
||||
<text x="135" y="3"><g></text>
|
||||
<text x="250" y="3"><a></text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(80,5)" text-anchor="start" font-size="20" fill="rgb(204,0,102)">
|
||||
<g id="animateZero">
|
||||
<defs>
|
||||
<g id="animateZeroRef" font-size="30" font-weight="bold">
|
||||
<text x="0" y="20" fill="#aaa" text-anchor="end">A</text>
|
||||
<rect x="-2" y="18" width="4" height="4" fill="#aaa"/>
|
||||
<text x="0" y="20" fill="#aaa" text-anchor="middle" transform="translate(30,0)">A</text>
|
||||
<rect x="-2" y="18" width="4" height="4" fill="#aaa" transform="translate(30,0)"/>
|
||||
<text x="0" y="20" fill="#aaa" text-anchor="start" transform="translate(60,0)">A</text>
|
||||
<rect x="-2" y="18" width="4" height="4" fill="#aaa" transform="translate(60,0)"/>
|
||||
<rect x="-2" y="18" width="4" height="4">
|
||||
<animateTransform attributeName="transform" type="translate" values="0;30;60" dur="3s" fill="freeze" calcMode="discrete"/>
|
||||
</rect>
|
||||
</g>
|
||||
</defs>
|
||||
|
||||
<use xlink:href="#animateZeroRef"/>
|
||||
<use xlink:href="#animateZeroRef" x="110"/>
|
||||
<use xlink:href="#animateZeroRef" x="220"/>
|
||||
|
||||
<text id="textID_0" x="0" y="20" text-anchor="end" font-size="30" font-weight="bold">A</text>
|
||||
<animate xlink:href="#textID_0" attributeName="text-anchor" values="end;middle;start" dur="3s" fill="freeze"/>
|
||||
<animateTransform xlink:href="#textID_0" attributeName="transform" type="translate" values="0;30;60" dur="3s" fill="freeze" calcMode="discrete"/>
|
||||
|
||||
|
||||
<g transform="translate(110, 0)" text-anchor="end" font-size="30" font-weight="bold">
|
||||
<animate attributeName="text-anchor" values="end;middle;start" dur="3s" fill="freeze"/>
|
||||
<animateTransform attributeName="transform" type="translate" values="0;30;60" calcMode="discrete" dur="3s" fill="freeze" additive="sum"/>
|
||||
<text x="0" y="20">A</text>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)" text-anchor="end" font-size="30" font-weight="bold">
|
||||
<animate attributeName="text-anchor" values="end;middle;start" dur="3s" fill="freeze"/>
|
||||
<animateTransform attributeName="transform" type="translate" values="0;30;60" calcMode="discrete" dur="3s" fill="freeze" additive="sum"/>
|
||||
<text x="0" y="20">A</text>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="animateOne" transform="translate(0,35)">
|
||||
<defs>
|
||||
<g id="animateOneRef" font-weight="bold" text-anchor="start">
|
||||
<text x="0" y="20" fill="#aaa" font-size="30">A</text>
|
||||
<text x="0" y="20" fill="#aaa" font-size="12" transform="translate(30,0)">A</text>
|
||||
<text x="0" y="20" fill="#aaa" font-size="30" transform="translate(60,0)">A</text>
|
||||
</g>
|
||||
</defs>
|
||||
|
||||
<use xlink:href="#animateOneRef"/>
|
||||
<use xlink:href="#animateOneRef" x="110"/>
|
||||
<use xlink:href="#animateOneRef" x="220"/>
|
||||
|
||||
<text id="textID_1" x="0" y="20" font-size="12" font-weight="bold">A</text>
|
||||
<animate xlink:href="#textID_1" attributeName="font-size" values="30;12;30" dur="3s" fill="freeze"/>
|
||||
<animateTransform xlink:href="#textID_1" attributeName="transform" type="translate" from="0" to="60" dur="3s" fill="freeze"/>
|
||||
|
||||
<g transform="translate(110, 0)" font-size="12" font-weight="bold">
|
||||
<animate attributeName="font-size" values="30;12;30" dur="3s" fill="freeze"/>
|
||||
<animateTransform attributeName="transform" type="translate" from="0" to="60" dur="3s" fill="freeze" additive="sum"/>
|
||||
<text x="0" y="20">A</text>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220,0)" font-size="12" font-weight="bold">
|
||||
<animate attributeName="font-size" values="30;12;30" dur="3s" fill="freeze"/>
|
||||
<animateTransform attributeName="transform" type="translate" from="0" to="60" dur="3s" fill="freeze" additive="sum"/>
|
||||
<text x="0" y="20">A</text>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="animateTwo" transform="translate(0,70)">
|
||||
<defs>
|
||||
<g id="animateTwoRef" font-weight="bold" font-size="30">
|
||||
<text x="0" y="20" fill="#aaa" font-family="SVGFreeSansASCII,sans-serif">A </text>
|
||||
<text x="30" y="20" fill="#aaa" font-family="FreeSerif,serif">A</text>
|
||||
<text x="60" y="20" font-size="30" fill="#aaa" font-family="SVGFreeSansASCII,sans-serif">A</text>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#animateTwoRef"/>
|
||||
<use xlink:href="#animateTwoRef" x="110"/>
|
||||
<use xlink:href="#animateTwoRef" x="220"/>
|
||||
|
||||
<text id="textID_2" x="0" y="20" font-weight="bold" font-size="30">A</text>
|
||||
<animate xlink:href="#textID_2" attributeName="font-family" values="SVGFreeSansASCII,sans-serif;FreeSerif,serif;SVGFreeSansASCII,sans-serif" dur="3s" fill="freeze"/>
|
||||
<animateTransform xlink:href="#textID_2" attributeName="transform" type="translate" values="0;30;60" calcMode="discrete" dur="3s" fill="freeze"/>
|
||||
|
||||
<g font-weight="bold" font-size="30" transform="translate(110,0)">
|
||||
<animate attributeName="font-family" values="SVGFreeSansASCII,sans-serif;FreeSerif,serif;SVGFreeSansASCII,sans-serif" dur="3s" fill="freeze"/>
|
||||
<animateTransform attributeName="transform" type="translate" values="0;30;60" calcMode="discrete" dur="3s" fill="freeze" additive="sum"/>
|
||||
<text x="0" y="20">A</text>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" font-weight="bold" font-size="30" transform="translate(220,0)">
|
||||
<animate attributeName="font-family" values="SVGFreeSansASCII,sans-serif;FreeSerif,serif;SVGFreeSansASCII,sans-serif" dur="3s" fill="freeze"/>
|
||||
<animateTransform attributeName="transform" type="translate" values="0;30;60" calcMode="discrete" dur="3s" fill="freeze" additive="sum"/>
|
||||
<text x="0" y="20">A</text>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="animateThree" transform="translate(0,105)">
|
||||
<defs>
|
||||
<g id="animateThreeRef" font-size="30" font-weight="bold">
|
||||
<text x="0" y="20" font-size="30" fill="#aaa" font-style="normal">A</text>
|
||||
<text x="30" y="20" font-size="30" fill="#aaa" font-style="italic">A</text>
|
||||
<text x="60" y="20" font-size="30" fill="#aaa" font-style="normal">A</text>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#animateThreeRef"/>
|
||||
<use xlink:href="#animateThreeRef" x="110"/>
|
||||
<use xlink:href="#animateThreeRef" x="220"/>
|
||||
|
||||
<text id="textID_3" x="0" y="20" font-size="30" font-weight="bold">A</text>
|
||||
<animate xlink:href="#textID_3" attributeName="font-style" values="normal;italic;normal" dur="3s" fill="freeze"/>
|
||||
<animateTransform xlink:href="#textID_3" attributeName="transform" type="translate" values="0;30;60" calcMode="discrete" dur="3s" fill="freeze"/>
|
||||
|
||||
<g transform="translate(110,0)" font-size="30" font-weight="bold">
|
||||
<animate attributeName="font-style" values="normal;italic;normal" dur="3s" fill="freeze"/>
|
||||
<animateTransform attributeName="transform" type="translate" values="0;30;60" calcMode="discrete" dur="3s" fill="freeze" additive="sum"/>
|
||||
<text x="0" y="20" font-size="30">A</text>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220,0)" font-size="30" font-weight="bold">
|
||||
<animate attributeName="font-style" values="normal;italic;normal" dur="3s" fill="freeze"/>
|
||||
<animateTransform attributeName="transform" type="translate" values="0;30;60" calcMode="discrete" dur="3s" fill="freeze" additive="sum"/>
|
||||
<text x="0" y="20" font-size="30">A</text>
|
||||
</a>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="animateFour" transform="translate(0,140)">
|
||||
<defs>
|
||||
<g id="animateFourRef" font-size="30">
|
||||
<text x="0" y="20" fill="#aaa" font-weight="bold">A</text>
|
||||
<text x="30" y="20" fill="#aaa" font-weight="normal">A</text>
|
||||
<text x="60" y="20" fill="#aaa" font-weight="bold">A</text>
|
||||
</g>
|
||||
</defs>
|
||||
|
||||
<use xlink:href="#animateFourRef"/>
|
||||
<use xlink:href="#animateFourRef" x="110"/>
|
||||
<use xlink:href="#animateFourRef" x="220"/>
|
||||
|
||||
<text id="textID_4" x="0" y="20" font-size="30">A</text>
|
||||
<animate xlink:href="#textID_4" attributeName="font-weight" values="bold;normal;bold" calcMode="discrete" dur="3s" fill="freeze"/>
|
||||
<animateTransform xlink:href="#textID_4" attributeName="transform" type="translate" values="0;30;60" calcMode="discrete" dur="3s" fill="freeze"/>
|
||||
|
||||
<g transform="translate(110,0)" font-size="30">
|
||||
<animate attributeName="font-weight" values="bold;normal;bold" calcMode="discrete" dur="3s" fill="freeze"/>
|
||||
<animateTransform attributeName="transform" type="translate" values="0;30;60" calcMode="discrete" dur="3s" fill="freeze" additive="sum"/>
|
||||
<text x="0" y="20">A</text>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220,0)" font-size="30">
|
||||
<animate attributeName="font-weight" values="bold;normal;bold" calcMode="discrete" dur="3s" fill="freeze"/>
|
||||
<animateTransform attributeName="transform" type="translate" values="0;30;60" calcMode="discrete" dur="3s" fill="freeze" additive="sum"/>
|
||||
<text x="0" y="20">A</text>
|
||||
</a>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.9 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-52-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-52-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-52-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text x="65" y="50" font-size="30" stroke="none" fill="black">A</text>
|
||||
<text x="165" y="50" font-size="30" stroke="none" fill="black">B</text>
|
||||
<text x="265" y="50" font-size="30" stroke="none" fill="black">C</text>
|
||||
<text x="365" y="50" font-size="30" stroke="none" fill="black">D</text>
|
||||
|
||||
<g transform="translate(0,45)">
|
||||
<g id="A" fill="rgb(126,143,250)">
|
||||
<rect x="30" y="15" rx="5" ry="5" width="90" height="40" stroke="#000000" fill="inherit" stroke-width="2"/>
|
||||
<text x="50" y="40" font-size="20" stroke="none" fill="black">click A</text>
|
||||
</g>
|
||||
|
||||
<g id="B" fill="rgb(126,143,250)">
|
||||
<rect x="130" y="15" rx="5" ry="5" width="90" height="40" stroke="#000000" fill="inherit" stroke-width="2"/>
|
||||
<text x="135" y="40" font-size="20" stroke="none" fill="black">click B+2</text>
|
||||
</g>
|
||||
|
||||
<g id="C" fill="rgb(126,143,250)">
|
||||
<rect x="230" y="15" rx="5" ry="5" width="90" height="40" stroke="#000000" fill="inherit" stroke-width="2"/>
|
||||
<text x="235" y="40" font-size="20" stroke="none" fill="black">click C+4</text>
|
||||
</g>
|
||||
|
||||
<g fill="rgb(126,143,250)">
|
||||
<rect x="330" y="15" rx="5" ry="5" width="90" height="40" stroke="#000000" fill="inherit" stroke-width="2"/>
|
||||
<text x="350" y="40" font-size="20" stroke="none" fill="black">never</text>
|
||||
<set begin="click" fill="freeze" xlink:href="#A" attributeName="fill" to="yellow"/>
|
||||
<set begin="click+2" fill="freeze" xlink:href="#B" attributeName="fill" to="yellow"/>
|
||||
<set begin="click+4" fill="freeze" xlink:href="#C" attributeName="fill" to="yellow"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<text x="15" y="175" font-size="28">Test of Eventbase targets.</text>
|
||||
<text x="15" y="245" font-size="18">Note that clicking rect D should give no result.</text>
|
||||
<text x="15" y="205" font-size="18">Clicking a rectangle should change its color at the </text>
|
||||
<text x="15" y="225" font-size="18">time for the click + delay as indicated in each rect.</text>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,88 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-53-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-53-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-53-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<defs>
|
||||
<polygon id="p" points="0,0 30,0 30,30 0,30" fill="none" stroke="black"/>
|
||||
</defs>
|
||||
<g transform="translate(0,0)">
|
||||
<use xlink:href="#p" x="10" y="10"/>
|
||||
<text x="15" y="35" font-size="20">0s</text>
|
||||
<use xlink:href="#p" x="10" y="50"/>
|
||||
<text x="15" y="75" font-size="20">3s</text>
|
||||
<use xlink:href="#p" x="10" y="130"/>
|
||||
<text x="15" y="155" font-size="20">6s</text>
|
||||
<rect x="10" y="130" width="58.28" height="58.28" fill="none" stroke="black"/>
|
||||
<text x="45" y="185" font-size="20">9s</text>
|
||||
<polygon id="LG" points="0,0 30,0 30,30 0,30" fill="none" stroke="green">
|
||||
<animate attributeName="points" begin="0" dur="9" fill="freeze" values="10,10 40,10 40,40 10,40; 10,50 40,50 40,80 10,80; 10,130 40,130 40,160 10,160; 10,130 68.28,130 68.28,188.28 10,188.28"/>
|
||||
</polygon>
|
||||
<g transform="translate(70,10)">
|
||||
<polygon id="RG" points="0,0 30,0 30,30 0,30" fill="none" stroke="green">
|
||||
<animateMotion values="0,0;0,40;0,120" begin="0" dur="6" calcMode="linear" fill="freeze"/>
|
||||
<animateTransform attributeName="transform" type="scale" from="1" to="1.9428" begin="6" dur="3" fill="freeze"/>
|
||||
</polygon>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="translate(120,0)">
|
||||
<use xlink:href="#p" x="10" y="10"/>
|
||||
<text x="15" y="35" font-size="20">0s</text>
|
||||
<use xlink:href="#p" x="10" y="50"/>
|
||||
<text x="15" y="75" font-size="20">2.22s</text>
|
||||
<use xlink:href="#p" x="10" y="130"/>
|
||||
<text x="15" y="155" font-size="20">6.66s</text>
|
||||
<rect x="10" y="130" width="58.28" height="58.28" fill="none" stroke="black"/>
|
||||
<text x="45" y="185" font-size="20">8s</text>
|
||||
<polygon id="LR" points="10,10 40,10 40,40 10,40" fill="none" stroke="blue">
|
||||
<animate attributeName="points" begin="0" dur="8" calcMode="paced" fill="freeze" values="10,10 40,10 40,40 10,40; 10,50 40,50 40,80 10,80; 10,130 40,130 40,160 10,160; 10,130 68.28,130 68.28,188.28 10,188.28"/>
|
||||
</polygon>
|
||||
<g transform="translate(70,10)">
|
||||
<polygon id="RR" points="0,0 30,0 30,30 0,30" fill="none" stroke="blue">
|
||||
<animateMotion values="0,0;0,40;0,120" begin="0" dur="6.66" fill="freeze"/>
|
||||
<animateTransform attributeName="transform" type="scale" from="1" to="1.9428" begin="6.66" dur="1.34" fill="freeze"/>
|
||||
</polygon>
|
||||
</g>
|
||||
</g>
|
||||
<text x="5" y="225" font-size="26">Animation on: 'points' with 'calc-mode'.</text>
|
||||
<text x="5" y="255" font-size="16">Coloblue and black squares should match at indicated time.</text>
|
||||
<text x="5" y="275" font-size="16">Same coloblue squares (green and blue) should match at all times</text>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,157 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-60-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-60-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-60-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="30" font-size="20">begin</text>
|
||||
<g transform="translate(100, 80)">
|
||||
<g transform="translate(80,5)" text-anchor="end" font-size="14">
|
||||
<text>unspecified</text>
|
||||
<text y="25">offset</text>
|
||||
<text y="50">event base</text>
|
||||
<text y="75">sync base</text>
|
||||
<text y="100">indefinite</text>
|
||||
<text y="125">repeat()</text>
|
||||
<text y="150">accessKey()</text>
|
||||
<text y="175">wallclock()</text>
|
||||
</g>
|
||||
|
||||
<g id="timeMarkersText" transform="translate(100, -15)" text-anchor="middle" font-size="8">
|
||||
<text>0s</text>
|
||||
<text x="12">1s</text>
|
||||
<text x="24">2s</text>
|
||||
<text x="36">3s</text>
|
||||
<text x="48">4s</text>
|
||||
<text x="60">5s</text>
|
||||
<text x="72">6s</text>
|
||||
<text x="84">7s</text>
|
||||
<text x="96">8s</text>
|
||||
<text x="120">0s</text>
|
||||
<text x="132">1s</text>
|
||||
<text x="144">2s</text>
|
||||
</g>
|
||||
|
||||
<g id="timeMarkers" transform="translate(94, -10) scale(1, 8)">
|
||||
<rect width="12" height="25" fill="#eee"/>
|
||||
<rect x="12" width="12" height="25" fill="#ddd"/>
|
||||
<rect x="24" width="12" height="25" fill="#eee"/>
|
||||
<rect x="36" width="12" height="25" fill="#ddd"/>
|
||||
<rect x="48" width="12" height="25" fill="#eee"/>
|
||||
<rect x="60" width="12" height="25" fill="#ddd"/>
|
||||
<rect x="72" width="12" height="25" fill="#eee"/>
|
||||
<rect x="84" width="12" height="25" fill="#ddd"/>
|
||||
<rect x="96" width="12" height="25" fill="#eee"/>
|
||||
<rect x="120" width="12" height="25" fill="#eee"/>
|
||||
<rect x="132" width="12" height="25" fill="#ddd"/>
|
||||
<rect x="144" width="12" height="25" fill="#eee"/>
|
||||
</g>
|
||||
|
||||
<g transform="translate(100,0)">
|
||||
<g id="setOne">
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#F33">
|
||||
<set attributeName="fill" to="#3F3" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setTwo" transform="translate(0, 25)">
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#F33" transform="translate(24,0)">
|
||||
<set id="secondSet" attributeName="fill" to="#3F3" begin="2s" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setThree" transform="translate(0, 50)">
|
||||
<rect id="setThreeTarget" x="-6" y="-6" width="12" height="12" fill="#F33" transform="translate(120,0)">
|
||||
<set attributeName="fill" id="thirdSet" to="#3F3" begin="setThreeTarget.click" dur="indefinite"/>
|
||||
</rect>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#F33" transform="translate(144,0)">
|
||||
<set attributeName="fill" id="thirdSetOffset" to="#3F3" begin="setThreeTarget.click + 2s" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setFour" transform="translate(0, 75)">
|
||||
<set id="endBase" attributeName="display" to="inline" begin="7s" dur="1s"/>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#F33" transform="translate(24,0)">
|
||||
<set attributeName="fill" to="#3F3" begin="secondSet.begin" dur="indefinite"/>
|
||||
</rect>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#F33" transform="translate(48,0)">
|
||||
<set attributeName="fill" to="#3F3" begin="secondSet.begin + 2s" dur="indefinite"/>
|
||||
</rect>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#F33" transform="translate(72,0)">
|
||||
<set attributeName="fill" to="#3F3" begin="endBase.end - 2s" dur="indefinite"/>
|
||||
</rect>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#F33" transform="translate(96,0)">
|
||||
<set attributeName="fill" to="#3F3" begin="endBase.end" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setFive" transform="translate(0, 100)">
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#3F3">
|
||||
<set attributeName="fill" to="#F33" begin="indefinite" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setSix" transform="translate(0, 125)">
|
||||
<set id="repeatingSet" attributeName="display" to="inline" begin="0s" dur="1s" repeatCount="4"/>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#F33" transform="translate(36,0)">
|
||||
<set attributeName="fill" to="#3F3" begin="repeatingSet.repeat(3)" dur="indefinite"/>
|
||||
</rect>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#F33" transform="translate(60,0)">
|
||||
<set attributeName="fill" to="#3F3" begin="repeatingSet.repeat(3) + 2s" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setSeven" transform="translate(0, 150)">
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#F33" transform="translate(120,0)">
|
||||
<set attributeName="fill" to="#3F3" begin="accessKey(a)" dur="indefinite"/>
|
||||
</rect>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#F33" transform="translate(144,0)">
|
||||
<set attributeName="fill" to="#3F3" begin="accessKey(a) + 2s" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setEight" transform="translate(0, 175)">
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#3F3">
|
||||
<set attributeName="fill" to="#F33" begin="wallclock(2000-06-10T12:34:56Z)" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,115 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-61-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-61-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-61-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="30" font-size="20">multiple begin</text>
|
||||
<g transform="translate(100, 100)">
|
||||
<g transform="translate(80,25)" text-anchor="end" font-size="14">
|
||||
<text>2 offsets</text>
|
||||
<text y="25">2 sync bases</text>
|
||||
<text y="50">2 repeat</text>
|
||||
<text y="100">2 event base</text>
|
||||
<text y="125">2 accessKeys</text>
|
||||
<text y="150">misc</text>
|
||||
</g>
|
||||
|
||||
<g id="timeMarkersText" transform="translate(150, 5)" text-anchor="middle" font-size="14">
|
||||
<text>0-1s</text>
|
||||
<text y="-20">2s-4s</text>
|
||||
<text y="-40">> 5s</text>
|
||||
<g transform="translate(40,0)">
|
||||
<text>1-2s</text>
|
||||
<text y="-20">4-5s</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="40"/>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
|
||||
<set id="firstSet" attributeName="x" to="34" begin="1s; 4s" dur="1s"/>
|
||||
</rect>
|
||||
</g>
|
||||
<g id="setTwo" transform="translate(0, 25)">
|
||||
<set id="syncBase" attributeName="display" to="inline" begin="0s" dur="indefinite"/>
|
||||
<use xlink:href="#shadow" x="0"/>
|
||||
<use xlink:href="#shadow" x="40"/>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
|
||||
<set attributeName="x" to="34" begin="syncBase.begin + 1s; syncBase.begin + 4s" dur="1s"/>
|
||||
</rect>
|
||||
</g>
|
||||
<g id="setThree" transform="translate(0, 50)">
|
||||
<set id="repeatBase" attributeName="display" to="inline" begin="0s" dur="1s" repeatDur="indefinite"/>
|
||||
<use xlink:href="#shadow" x="0"/>
|
||||
<use xlink:href="#shadow" x="40"/>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
|
||||
<set attributeName="x" to="34" begin="repeatBase.repeat(1);repeatBase.repeat(4)" dur="1s"/>
|
||||
</rect>
|
||||
</g>
|
||||
<g id="setFour" transform="translate(0, 100)">
|
||||
<use xlink:href="#shadow" x="0"/>
|
||||
<use xlink:href="#shadow" x="40"/>
|
||||
<rect id="setFourTarget" x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
|
||||
<set attributeName="x" to="34" begin="setFourTarget.click + 0s; setFourTarget.click+4s" dur="1s"/>
|
||||
</rect>
|
||||
</g>
|
||||
<g id="setFive" transform="translate(0, 125)">
|
||||
<use xlink:href="#shadow" x="0"/>
|
||||
<use xlink:href="#shadow" x="40"/>
|
||||
<rect id="setFiveTarget" x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
|
||||
<set attributeName="x" to="34" begin="accessKey(a) + 0s;accessKey(a)+4s" dur="1s"/>
|
||||
</rect>
|
||||
</g>
|
||||
<g id="setSix" transform="translate(0, 150)">
|
||||
<use xlink:href="#shadow" x="0"/>
|
||||
<use xlink:href="#shadow" x="40"/>
|
||||
<rect id="setSixTarget" x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
|
||||
<set attributeName="x" to="34" begin="1s;4s;setSixTarget.click;accessKey(b)" dur="1s"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,157 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-62-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-62-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-62-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="30" font-size="20">end</text>
|
||||
<g transform="translate(100, 80)">
|
||||
<g transform="translate(80,5)" text-anchor="end" font-size="14">
|
||||
<text>unspecified</text>
|
||||
<text y="25">offset</text>
|
||||
<text y="50">event base</text>
|
||||
<text y="75">sync base</text>
|
||||
<text y="100">indefinite</text>
|
||||
<text y="125">repeat()</text>
|
||||
<text y="150">accessKey()</text>
|
||||
<text y="175">wallclock()</text>
|
||||
</g>
|
||||
|
||||
<g id="timeMarkersText" transform="translate(100, -15)" text-anchor="middle" font-size="8">
|
||||
<text>0s</text>
|
||||
<text x="12">1s</text>
|
||||
<text x="24">2s</text>
|
||||
<text x="36">3s</text>
|
||||
<text x="48">4s</text>
|
||||
<text x="60">5s</text>
|
||||
<text x="72">6s</text>
|
||||
<text x="84">7s</text>
|
||||
<text x="96">8s</text>
|
||||
<text x="120">0s</text>
|
||||
<text x="132">1s</text>
|
||||
<text x="144">2s</text>
|
||||
</g>
|
||||
|
||||
<g id="timeMarkers" transform="translate(94, -10) scale(1, 8)">
|
||||
<rect width="12" height="25" fill="#eee"/>
|
||||
<rect x="12" width="12" height="25" fill="#ddd"/>
|
||||
<rect x="24" width="12" height="25" fill="#eee"/>
|
||||
<rect x="36" width="12" height="25" fill="#ddd"/>
|
||||
<rect x="48" width="12" height="25" fill="#eee"/>
|
||||
<rect x="60" width="12" height="25" fill="#ddd"/>
|
||||
<rect x="72" width="12" height="25" fill="#eee"/>
|
||||
<rect x="84" width="12" height="25" fill="#ddd"/>
|
||||
<rect x="96" width="12" height="25" fill="#eee"/>
|
||||
<rect x="120" width="12" height="25" fill="#eee"/>
|
||||
<rect x="132" width="12" height="25" fill="#ddd"/>
|
||||
<rect x="144" width="12" height="25" fill="#eee"/>
|
||||
</g>
|
||||
|
||||
<g transform="translate(100,0)">
|
||||
<g id="setOne">
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#F33">
|
||||
<set attributeName="fill" to="#3F3" begin="0s" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setTwo" transform="translate(0, 25)">
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#3F3" transform="translate(24,0)">
|
||||
<set id="secondSet" attributeName="fill" to="#F33" begin="0s" end="2s" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setThree" transform="translate(0, 50)">
|
||||
<rect id="setThreeTarget" x="-6" y="-6" width="12" height="12" fill="#3F3" transform="translate(120,0)">
|
||||
<set attributeName="fill" id="thirdSet" to="#F33" end="setThreeTarget.click" dur="indefinite"/>
|
||||
</rect>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#F33" transform="translate(144,0)">
|
||||
<set attributeName="fill" id="thirdSetOffset" to="#3F3" begin="setThreeTarget.click + 2s" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setFour" transform="translate(0, 75)">
|
||||
<set id="endBase" attributeName="display" to="inline" begin="7s" dur="1s"/>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#3F3" transform="translate(24,0)">
|
||||
<set attributeName="fill" to="#F33" end="secondSet.begin + 2s" dur="indefinite"/>
|
||||
</rect>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#3F3" transform="translate(48,0)">
|
||||
<set attributeName="fill" to="#F33" end="secondSet.begin + 4s" dur="indefinite"/>
|
||||
</rect>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#3F3" transform="translate(72,0)">
|
||||
<set attributeName="fill" to="#F33" end="endBase.end - 2s" dur="indefinite"/>
|
||||
</rect>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#3F3" transform="translate(96,0)">
|
||||
<set attributeName="fill" to="#F33" end="endBase.end" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setFive" transform="translate(0, 100)">
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#F33">
|
||||
<set attributeName="fill" to="#3F3" end="indefinite" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setSix" transform="translate(0, 125)">
|
||||
<set id="repeatingSet" attributeName="display" to="inline" begin="0s" dur="1s" repeatCount="4"/>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#3F3" transform="translate(36,0)">
|
||||
<set attributeName="fill" to="#F33" end="repeatingSet.repeat(3)" dur="indefinite"/>
|
||||
</rect>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#3F3" transform="translate(60,0)">
|
||||
<set attributeName="fill" to="#F33" end="repeatingSet.repeat(3) + 2s" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setSeven" transform="translate(0, 150)">
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#3F3" transform="translate(120,0)">
|
||||
<set attributeName="fill" to="#F33" end="accessKey(a)" dur="indefinite"/>
|
||||
</rect>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#3F3" transform="translate(144,0)">
|
||||
<set attributeName="fill" to="#F33" end="accessKey(a) + 2s" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setEight" transform="translate(0, 175)">
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="#F33">
|
||||
<set attributeName="fill" to="#3F3" end="wallclock(2200-06-10T12:34:56Z)" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,122 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-63-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-63-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-63-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="30" font-size="20">multiple end</text>
|
||||
<g transform="translate(100, 100)">
|
||||
<g transform="translate(80,25)" text-anchor="end" font-size="14">
|
||||
<text>2 offsets</text>
|
||||
<text y="25">2 sync bases</text>
|
||||
<text y="50">2 repeat</text>
|
||||
<text y="100">2 event base</text>
|
||||
<text y="125">2 accessKeys</text>
|
||||
<text y="150">misc</text>
|
||||
</g>
|
||||
|
||||
<g id="timeMarkersText" transform="translate(150, 5)" text-anchor="middle" font-size="14">
|
||||
<text>0-1s</text>
|
||||
<text y="-20">2s-4s</text>
|
||||
<text y="-40">> 5s</text>
|
||||
<g transform="translate(40,0)">
|
||||
<text>1-2s</text>
|
||||
<text y="-20">4-5s</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="40"/>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
|
||||
<set id="firstSet" attributeName="x" to="34" begin="1s; 4s" end="2s; 5s" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setTwo" transform="translate(0, 25)">
|
||||
<set id="syncBase" attributeName="display" to="inline" begin="0s" dur="indefinite"/>
|
||||
<use xlink:href="#shadow" x="0"/>
|
||||
<use xlink:href="#shadow" x="40"/>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
|
||||
<set attributeName="x" to="34" begin="1s; 4s" end="syncBase.begin+2s;syncBase.begin + 5s" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setThree" transform="translate(0, 50)">
|
||||
<set id="repeatBase" attributeName="display" to="inline" begin="0s" dur="1s" repeatDur="indefinite"/>
|
||||
<use xlink:href="#shadow" x="0"/>
|
||||
<use xlink:href="#shadow" x="40"/>
|
||||
<rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
|
||||
<set attributeName="x" to="34" begin="1s; 4s" end="repeatBase.repeat(2);repeatBase.repeat(5)" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setFour" transform="translate(0, 100)">
|
||||
<use xlink:href="#shadow" x="0"/>
|
||||
<use xlink:href="#shadow" x="40"/>
|
||||
|
||||
<rect id="setFourTarget" x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
|
||||
<set attributeName="x" to="34" begin="0s" end="setFourTarget.click -5s; setFourTarget.click + 5s" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setFive" transform="translate(0, 125)">
|
||||
<use xlink:href="#shadow" x="0"/>
|
||||
<use xlink:href="#shadow" x="40"/>
|
||||
<rect id="setFiveTarget" x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
|
||||
<set attributeName="x" to="34" begin="0s" end="accessKey(a) - 5s;accessKey(a)+5s" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setSix" transform="translate(0, 150)">
|
||||
<use xlink:href="#shadow" x="0"/>
|
||||
<use xlink:href="#shadow" x="40"/>
|
||||
<rect id="setSixTarget" x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)">
|
||||
<set attributeName="x" to="34" begin="1s;4s" end="2s;5s;setSixTarget.click;accessKey(b)" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,100 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-64-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-64-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-64-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<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>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,146 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-65-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-65-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-65-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="30" font-size="20">min</text>
|
||||
|
||||
<g transform="translate(100, 50)">
|
||||
|
||||
<g transform="translate(120,45)" text-anchor="end" font-size="14">
|
||||
<text>no min / media</text>
|
||||
<text y="25">invalid min</text>
|
||||
<text y="50">min < active dur</text>
|
||||
<text y="75">min > active dur</text>
|
||||
<text y="100">min < repeat dur</text>
|
||||
<text y="125">min > repeat dur, remove</text>
|
||||
<text y="180">min > repeat dur, freeze</text>
|
||||
</g>
|
||||
|
||||
<g id="timeMarkersText" transform="translate(150, 25)" text-anchor="middle" font-size="14">
|
||||
<text>> 5s</text>
|
||||
<text x="80">0s-5s</text>
|
||||
|
||||
<g transform="translate(0, 180)">
|
||||
<text>never</text>
|
||||
<text x="80">> 0s</text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<g transform="translate(150,40)" 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" end="5s"/>
|
||||
</rect>
|
||||
|
||||
<g transform="translate(20, 0)">
|
||||
<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" end="5s" min="media"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<g id="setTwo" transform="translate(0, 25)">
|
||||
<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" min="-6s" end="5s"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setThree" transform="translate(0, 50)">
|
||||
<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" min="3s" end="5s"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setFour" transform="translate(0, 75)">
|
||||
<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" min="5s" dur="indefinite" end="2s"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setFive" transform="translate(0, 100)">
|
||||
<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" min="5s" end="2s" dur="1s" repeatCount="7"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setSix" transform="translate(0, 125)">
|
||||
<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" min="8s" end="2s" dur="1s" repeatCount="5" fill="remove"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setSeven" transform="translate(0, 180)">
|
||||
<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" min="8s" end="2s" dur="1s" repeatCount="5" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,139 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-66-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-66-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-66-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="30" font-size="20">max</text>
|
||||
<text text-anchor="middle" x="240" y="190" font-size="20">min & max</text>
|
||||
<g transform="translate(100, 30)">
|
||||
<g transform="translate(120,45)" text-anchor="end" font-size="14">
|
||||
<text>no max / media</text>
|
||||
<text y="25">invalid max values</text>
|
||||
<text y="50">max < active dur</text>
|
||||
<text y="75">max > active dur</text>
|
||||
<text y="150">min < max</text>
|
||||
<text y="175">min = max</text>
|
||||
<text y="200">min > max (both ignored)</text>
|
||||
</g>
|
||||
<g id="timeMarkersText" transform="translate(150, 25)" text-anchor="middle" font-size="14">
|
||||
<text>> 5s</text>
|
||||
<text x="80">0s-5s</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(150,40)" 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" end="5s"/>
|
||||
</rect>
|
||||
|
||||
<g transform="translate(20, 0)">
|
||||
<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" end="5s" max="media"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<g id="setTwo" transform="translate(0, 25)">
|
||||
<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" max="-6s" end="5s"/>
|
||||
</rect>
|
||||
|
||||
<g transform="translate(20, 0)">
|
||||
<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" end="5s" max="foo"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<g id="setThree" transform="translate(0, 50)">
|
||||
<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" max="5s" end="8s"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setFour" transform="translate(0, 75)">
|
||||
<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" max="8s" dur="indefinite" end="5s"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setFive" transform="translate(0, 150)">
|
||||
<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" min="2s" max="5s" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setSix" transform="translate(0, 175)">
|
||||
<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" min="5s" max="5s" dur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setSeven" transform="translate(0, 200)">
|
||||
<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" min="8s" max="2s" end="5s"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,123 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-67-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-67-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-67-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="30" font-size="20">restart</text>
|
||||
|
||||
<g transform="translate(130, 80)">
|
||||
|
||||
<g transform="translate(120,45)" text-anchor="end" font-size="14">
|
||||
<text>no restart (defaults to always)</text>
|
||||
<text y="25">restart="always"</text>
|
||||
<text y="50">restart="whenNotActive"</text>
|
||||
<text y="75">restart="never"</text>
|
||||
<text y="100">reference</text>
|
||||
</g>
|
||||
|
||||
<g id="timeMarkersText" transform="translate(180, 25)" text-anchor="middle" font-size="14">
|
||||
<text>> 5s</text>
|
||||
<text x="80">0s-5s</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(180,40)" 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" begin="0s;1s" dur="4s"/>
|
||||
</rect>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="setTwo" transform="translate(0, 25)">
|
||||
<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" begin="0s;1s" dur="4s" restart="always"/>
|
||||
</rect>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="setThree" transform="translate(0, 50)">
|
||||
<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" begin="0s;1s" dur="5s" restart="whenNotActive"/>
|
||||
</rect>
|
||||
|
||||
<g transform="translate(20,0)">
|
||||
<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" begin="0s;2.5s" dur="2.5s" restart="whenNotActive"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<g id="setFour" transform="translate(0, 75)">
|
||||
<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" begin="0s;5s" dur="5s" restart="never"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="reference" transform="translate(0, 100)">
|
||||
<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="5s"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,102 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-68-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-68-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-68-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="30" font-size="20">repeatCount</text>
|
||||
<g transform="translate(130, 80)">
|
||||
<g transform="translate(120,45)" text-anchor="end" font-size="14">
|
||||
<text>dur=5s repeatCount unspecified</text>
|
||||
<text y="25">dur=1s repeatCount=5</text>
|
||||
<text y="50">dur=10s repeatCount=0.5</text>
|
||||
<text y="75">dur=1s repeatCount=indefinite</text>
|
||||
<text y="90">end=5s</text>
|
||||
</g>
|
||||
|
||||
<g id="timeMarkersText" transform="translate(180, 25)" text-anchor="middle" font-size="14">
|
||||
<text>> 5s</text>
|
||||
<text x="80">0s-5s</text>
|
||||
</g>
|
||||
<g transform="translate(180,40)" 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="5s"/>
|
||||
</rect>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="setTwo" transform="translate(0, 25)">
|
||||
<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="1s" repeatCount="5"/>
|
||||
</rect>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="setThree" transform="translate(0, 50)">
|
||||
<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="10s" repeatCount="0.5"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setFour" transform="translate(0, 75)">
|
||||
<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="1s" end="5s" repeatCount="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,113 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-69-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-69-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-69-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="30" font-size="20">repeatDur</text>
|
||||
<g transform="translate(130, 80)">
|
||||
<g transform="translate(120,45)" text-anchor="end" font-size="14">
|
||||
<text>dur=5s repeatDur unspecified</text>
|
||||
<text y="25">dur=1s repeatDur=5s</text>
|
||||
<text y="50">dur=0.5s repeatDur=5s</text>
|
||||
<text y="75">dur=1s repeatDur=indefinite</text>
|
||||
<text y="90">end=5s</text>
|
||||
<text y="125">dur=0.7s repeatDur=5s</text>
|
||||
</g>
|
||||
|
||||
<g id="timeMarkersText" transform="translate(180, 25)" text-anchor="middle" font-size="14">
|
||||
<text>> 5s</text>
|
||||
<text x="80">0s-5s</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(180,40)" 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="5s"/>
|
||||
</rect>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="setTwo" transform="translate(0, 25)">
|
||||
<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="1s" repeatDur="5s"/>
|
||||
</rect>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="setThree" transform="translate(0, 50)">
|
||||
<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="0.5s" repeatDur="5s"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setFour" transform="translate(0, 75)">
|
||||
<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="1s" end="5s" repeatDur="indefinite"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g id="setFive" transform="translate(0, 125)">
|
||||
<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="0.7s" repeatDur="5s"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,105 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-70-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-70-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-70-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="30" font-size="20">fill</text>
|
||||
<g transform="translate(130, 60)">
|
||||
<g transform="translate(120,45)" text-anchor="end" font-size="14">
|
||||
<text>fill unspecified (remove)</text>
|
||||
<text y="25">fill=remove</text>
|
||||
<text y="100">fill=freeze (with restart)</text>
|
||||
<text y="125">fill=freeze (no restart)</text>
|
||||
</g>
|
||||
|
||||
<g id="timeMarkersText" transform="translate(180, 125)" text-anchor="middle" font-size="14">
|
||||
<text y="-15">never</text>
|
||||
<text>here</text>
|
||||
<text y="-15" x="80">always</text>
|
||||
<text x="80">here</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(180,40)" 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" begin="0s; firstSet.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="setTwo" transform="translate(0, 25)">
|
||||
<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="secondSet" attributeName="x" to="74" begin="0s; secondSet.end + 1s" dur="1s" fill="remove"/>
|
||||
</rect>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="setThree" transform="translate(0, 100)">
|
||||
<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="thirdSet" attributeName="x" to="74" begin="0s; thirdSet.end + 1s" dur="1s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="setFour" transform="translate(0, 125)">
|
||||
<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="fourthSet" attributeName="x" to="74" begin="0s" dur="1s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,287 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-77-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-77-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-77-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
<font-face font-family="FreeSerif" unicode-range="U+0-7F" font-weight="400">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/FreeSerif.svg#FreeSerif"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
<font-face font-family="FreeSerif" unicode-range="U+0-7F" font-weight="700">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/FreeSerifBold.svg#FreeSerifBold"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
<font-face font-family="FreeSerif" unicode-range="U+0-7F" font-weight="400" font-style="italic">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/FreeSerifItalic.svg#FreeSerifItalic"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
<font-face font-family="FreeSerif" unicode-range="U+0-7F" font-weight="700" font-style="italic">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/FreeSerifBoldItalic.svg#FreeSerifBoldItalic"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="FreeSerif, serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="30" font-size="20">text</text>
|
||||
<g transform="translate(80, 80)">
|
||||
<g transform="translate(20,10)" text-anchor="end" font-size="14">
|
||||
<text x="5" y="15">transform</text>
|
||||
<text x="5" y="50">text-anchor</text>
|
||||
<text x="5" y="85">font-size</text>
|
||||
<text x="5" y="120">font-family</text>
|
||||
<text x="5" y="155">font-style</text>
|
||||
<text x="5" y="190">font-weight</text>
|
||||
</g>
|
||||
|
||||
<g id="type" transform="translate(90, -10)" text-anchor="middle" font-size="14">
|
||||
<text x="20" y="3"><text></text>
|
||||
<text x="135" y="3"><g></text>
|
||||
<text x="250" y="3"><a></text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(80,5)" text-anchor="start" font-size="20" fill="rgb(204,0,102)">
|
||||
<text id="one" x="10" y="20" fill="#aaa">A </text>
|
||||
|
||||
<g id="setOne">
|
||||
<defs>
|
||||
<g id="setOneRef">
|
||||
<text x="10" y="20" fill="#aaa">A </text>
|
||||
<text x="10" y="20" fill="#aaa" transform="translate(30,0)">A </text>
|
||||
</g>
|
||||
</defs>
|
||||
|
||||
<use xlink:href="#setOneRef"/>
|
||||
<use xlink:href="#setOneRef" x="110"/>
|
||||
<use xlink:href="#setOneRef" x="220"/>
|
||||
|
||||
<text x="10" y="20">
|
||||
A
|
||||
<animateTransform attributeName="transform" id="firstSet" type="translate" from="30,0" to="30,0" begin="0s; firstSet.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<animateTransform attributeName="transform" id="secondSet" type="translate" from="140,0" to="140,0" begin="0s; secondSet.end + 1s" dur="1s"/>
|
||||
<text x="10" y="20">A</text>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<animateTransform attributeName="transform" id="thirdSet" type="translate" from="250,0" to="250,0" begin="0s; thirdSet.end + 1s" dur="1s"/>
|
||||
<text x="10" y="20">A</text>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setTwo" transform="translate(0,35)">
|
||||
<defs>
|
||||
<g id="setTwoRef">
|
||||
<text x="10" y="20" fill="#aaa">A </text>
|
||||
<text x="10" y="20" fill="#aaa" transform="translate(40,0)" text-anchor="end">A</text>
|
||||
</g>
|
||||
</defs>
|
||||
|
||||
<use xlink:href="#setTwoRef"/>
|
||||
<use xlink:href="#setTwoRef" x="110"/>
|
||||
<use xlink:href="#setTwoRef" x="220"/>
|
||||
|
||||
<text x="10" y="20">
|
||||
A
|
||||
<set id="secondSet1" attributeName="text-anchor" to="end" begin="0s; secondSet1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="secondSet1_1" type="translate" from="40,0" to="40,0" begin="0s; secondSet1_1.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
|
||||
<g>
|
||||
<set id="secondSet2" attributeName="text-anchor" to="end" begin="0s; secondSet2.end + 1s" dur="1s"/>
|
||||
<text x="120" y="20">
|
||||
A
|
||||
<animateTransform attributeName="transform" id="secondSet2_1" type="translate" from="40,0" to="40,0" begin="0s; secondSet2_1.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
</g>
|
||||
|
||||
<a>
|
||||
<set id="secondSet3" attributeName="text-anchor" to="end" begin="0s; secondSet3.end + 1s" dur="1s"/>
|
||||
<text x="230" y="20">
|
||||
A
|
||||
<animateTransform attributeName="transform" id="secondSet3_1" type="translate" from="40,0" to="40,0" begin="0s; secondSet3_1.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setThree" transform="translate(0,70)">
|
||||
<defs>
|
||||
<g id="setThreeRef">
|
||||
<text x="10" y="20" fill="#aaa">A </text>
|
||||
<text x="40" y="20" font-size="30" fill="#aaa">A</text>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setThreeRef"/>
|
||||
<use xlink:href="#setThreeRef" x="110"/>
|
||||
<use xlink:href="#setThreeRef" x="220"/>
|
||||
|
||||
<text x="10" y="20">
|
||||
A
|
||||
<set id="thirdSet1" attributeName="font-size" to="30" begin="0s; thirdSet1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="thirdSet1_1" type="translate" from="30,0" to="30,0" begin="0s; thirdSet1_1.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
|
||||
<g>
|
||||
<set id="thirdSet2" attributeName="font-size" to="30" begin="0s; thirdSet2.end + 1s" dur="1s"/>
|
||||
<text x="120" y="20">
|
||||
A
|
||||
<animateTransform attributeName="transform" id="thirdSet2_1" type="translate" from="30,0" to="30,0" begin="0s; thirdSet2_1.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
</g>
|
||||
|
||||
<a>
|
||||
<set id="thirdSet3" attributeName="font-size" to="30" begin="0s; thirdSet3.end + 1s" dur="1s"/>
|
||||
<text x="230" y="20">
|
||||
A
|
||||
<animateTransform attributeName="transform" id="thirdSet3_1" type="translate" from="30, 0" to="30,0" begin="0s; thirdSet3_1.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setFour" transform="translate(0,105)">
|
||||
<defs>
|
||||
<g id="setFourRef">
|
||||
<text x="10" y="20" font-size="30" fill="#aaa" font-family="sans-serif">A</text>
|
||||
<text x="40" y="20" font-size="30" fill="#aaa" font-family="serif">A</text>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setFourRef"/>
|
||||
<use xlink:href="#setFourRef" x="110"/>
|
||||
<use xlink:href="#setFourRef" x="220"/>
|
||||
|
||||
<text x="10" y="20" font-size="30" font-family="sans-serif">
|
||||
A
|
||||
<set id="fourthSet1" attributeName="font-family" to="serif" begin="0s; fourthSet1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="fourthSet1_1" type="translate" from="30,0" to="30,0" begin="0s; fourthSet1_1.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
|
||||
<g transform="translate(110,0)" font-family="sans-serif">
|
||||
<set id="fourthSet2" attributeName="font-family" to="serif" begin="0s; fourthSet2.end + 1s" dur="1s"/>
|
||||
<text x="10" y="20" font-size="30">
|
||||
A
|
||||
<animateTransform attributeName="transform" id="fourthSet2_1" type="translate" from="30,0" to="30,0" begin="0s; fourthSet2_1.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220,0)" font-family="sans-serif">
|
||||
<set id="fourthSet3" attributeName="font-family" to="serif" begin="0s; fourthSet3.end + 1s" dur="1s"/>
|
||||
<text x="10" y="20" font-size="30">
|
||||
A
|
||||
<animateTransform attributeName="transform" id="fourthSet3_1" type="translate" from="30,0" to="30,0" begin="0s; fourthSet2_1.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
</a>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="setFive" transform="translate(0,140)">
|
||||
<defs>
|
||||
<g id="setFiveRef">
|
||||
<text x="10" y="20" fill="#aaa">A</text>
|
||||
<text x="40" y="20" fill="#aaa" font-style="italic">A</text>
|
||||
</g>
|
||||
</defs>
|
||||
|
||||
<use xlink:href="#setFiveRef"/>
|
||||
<use xlink:href="#setFiveRef" x="110"/>
|
||||
<use xlink:href="#setFiveRef" x="220"/>
|
||||
|
||||
<text x="10" y="20">
|
||||
A
|
||||
<set id="fifthSet1" attributeName="font-style" to="italic" begin="0s; fifthSet1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="fifthSet1_1" type="translate" from="30,0" to="30,0" begin="0s; fifthSet1_1.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
|
||||
<g transform="translate(110,0)">
|
||||
<set id="fifthSet2" attributeName="font-style" to="italic" begin="0s; fifthSet2.end + 1s" dur="1s"/>
|
||||
<text x="10" y="20">
|
||||
A
|
||||
<animateTransform attributeName="transform" id="fifthSet2_1" type="translate" from="30,0" to="30,0" begin="0s; fifthSet2_1.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220,0)">
|
||||
<set id="fifthSet3" attributeName="font-style" to="italic" begin="0s; fifthSet3.end + 1s" dur="1s"/>
|
||||
<text x="10" y="20">
|
||||
A
|
||||
<animateTransform attributeName="transform" id="fifthSet3_1" type="translate" from="30,0" to="30,0" begin="0s; fifthSet3_1.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setSix" transform="translate(0,175)">
|
||||
<defs>
|
||||
<g id="setSixRef">
|
||||
<text x="10" y="20" fill="#aaa">A</text>
|
||||
<text x="40" y="20" fill="#aaa" font-weight="bold">A</text>
|
||||
</g>
|
||||
</defs>
|
||||
|
||||
<use xlink:href="#setSixRef"/>
|
||||
<use xlink:href="#setSixRef" x="110"/>
|
||||
<use xlink:href="#setSixRef" x="220"/>
|
||||
|
||||
<text x="10" y="20">
|
||||
A
|
||||
<set id="sixthSet1" attributeName="font-weight" to="bold" begin="0s; sixthSet1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="sixthSet1_1" type="translate" from="30,0" to="30,0" begin="0s; sixthSet1_1.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
|
||||
<g transform="translate(110,0)">
|
||||
<set id="sixthSet2" attributeName="font-weight" to="bold" begin="0s; sixthSet2.end + 1s" dur="1s"/>
|
||||
<text x="10" y="20">
|
||||
A
|
||||
<animateTransform attributeName="transform" id="sixthSet2_1" type="translate" from="30,0" to="30,0" begin="0s; sixthSet2_1.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220,0)">
|
||||
<set id="sixthSet3" attributeName="font-weight" to="bold" begin="0s; sixthSet3.end + 1s" dur="1s"/>
|
||||
<text x="10" y="20">
|
||||
A
|
||||
<animateTransform attributeName="transform" id="sixthSet3_1" type="translate" from="30,0" to="30,0" begin="0s; sixthSet3_1.end + 1s" dur="1s"/>
|
||||
</text>
|
||||
</a>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.8 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,423 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-78-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-78-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-78-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="25" font-size="20">graphics</text>
|
||||
<g transform="translate(80, 75)">
|
||||
<g transform="translate(30,10)" text-anchor="end" font-size="12">
|
||||
<text>fill</text>
|
||||
<text y="20">fill-rule</text>
|
||||
<text y="40">stroke</text>
|
||||
<text y="60">stroke-width</text>
|
||||
<text y="80">stroke-linecap</text>
|
||||
<text y="100">stroke-linejoin</text>
|
||||
<text y="120">stroke-miterlimit</text>
|
||||
<text y="140">stroke-dashoffset</text>
|
||||
<text y="160">display</text>
|
||||
<text y="180">visibility</text>
|
||||
<text y="200">color</text>
|
||||
</g>
|
||||
|
||||
<g id="type" transform="translate(90, -20)" text-anchor="middle" font-size="14">
|
||||
<text x="20" y="3">'Basic Shape'</text>
|
||||
<text x="130" y="3"><g></text>
|
||||
<text x="235" y="3"><a></text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(80,0)" fill="rgb(204,0,102)">
|
||||
<rect x="10" width="8" height="8" fill="#ccc"/>
|
||||
|
||||
<g id="setOne">
|
||||
<defs>
|
||||
<g id="setOneRef">
|
||||
<rect x="10" width="8" height="8" fill="#ccc"/>
|
||||
<rect x="10" width="8" height="8" fill="#ccc" transform="translate(30,0)"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setOneRef"/>
|
||||
<use xlink:href="#setOneRef" x="110"/>
|
||||
<use xlink:href="#setOneRef" x="220"/>
|
||||
|
||||
<rect x="10" width="8" height="8">
|
||||
<set id="firstSet1" attributeName="fill" to="rgb(255, 165, 0)" begin="0s; firstSet1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="firstSet1_1" type="translate" from="30,0" to="30,0" begin="0s; firstSet1_1.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<set id="firstSet2" attributeName="fill" to="rgb(255, 165, 0)" begin="0s; firstSet2.end + 1s" dur="1s"/>
|
||||
<rect x="10" width="8" height="8">
|
||||
<animateTransform attributeName="transform" id="firstSet2_1" type="translate" from="30, 0" to="30,0" begin="0s; firstSet2_1.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<set id="firstSet3" attributeName="fill" to="rgb(255, 165, 0)" begin="0s; firstSet3.end + 1s" dur="1s"/>
|
||||
<rect x="10" width="8" height="8">
|
||||
<animateTransform attributeName="transform" id="firstSet3_1" type="translate" from="30, 0" to="30,0" begin="0s; firstSet3_1.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
</a>
|
||||
|
||||
</g>
|
||||
<g id="setTwo" transform="translate(5,15)" stroke="rgb(204,0,102)">
|
||||
<defs>
|
||||
<g id="setTwoRef">
|
||||
<polyline fill="#ccc" stroke="#ccc" stroke-width="1" points="20,10,0,10,15,20,10,2,5,20,20,10">
|
||||
</polyline>
|
||||
<polyline fill="#ccc" stroke="#ccc" fill-rule="evenodd" stroke-width="1" points="20,10,0,10,15,20,10,2,5,20,20,10" transform="translate(30,0)">
|
||||
</polyline>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setTwoRef"/>
|
||||
<use xlink:href="#setTwoRef" x="110"/>
|
||||
<use xlink:href="#setTwoRef" x="220"/>
|
||||
|
||||
<polyline points="20,10,0,10,15,20,10,2,5,20,20,10">
|
||||
<set id="secondSet1" attributeName="fill-rule" to="evenodd" begin="0s; secondSet1_1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="secondSet1_1" type="translate" from="30, 0" to="30,0" begin="0s; secondSet1_1.end + 1s" dur="1s"/>
|
||||
</polyline>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<set id="secondSet2" attributeName="fill-rule" to="evenodd" begin="0s; secondSet2_1.end + 1s" dur="1s"/>
|
||||
<polyline points="20,10,0,10,15,20,10,2,5,20,20,10">
|
||||
<animateTransform attributeName="transform" id="secondSet2_1" type="translate" from="30, 0" to="30,0" begin="0s; secondSet2_1.end + 1s" dur="1s"/>
|
||||
</polyline>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<set id="secondSet3" attributeName="fill-rule" to="evenodd" begin="0s; secondSet3_1.end + 1s" dur="1s"/>
|
||||
<polyline points="20,10,0,10,15,20,10,2,5,20,20,10">
|
||||
<animateTransform attributeName="transform" id="secondSet3_1" type="translate" from="30, 0" to="30,0" begin="0s; secondSet3_1.end + 1s" dur="1s"/>
|
||||
</polyline>
|
||||
</a>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="setThree" transform="translate(0,45)" fill="none">
|
||||
<defs>
|
||||
<g id="setThreeRef">
|
||||
<rect x="10" width="8" height="8" fill="#ccc"/>
|
||||
<rect x="10" width="8" height="8" fill="#ccc" transform="translate(30,0)"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setThreeRef"/>
|
||||
<use xlink:href="#setThreeRef" x="110"/>
|
||||
<use xlink:href="#setThreeRef" x="220"/>
|
||||
|
||||
<rect x="10" width="8" height="8">
|
||||
<set id="thirdSet1" attributeName="stroke" to="rgb(204,0,102)" begin="0s; thirdSet1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="thirdSet1_1" type="translate" from="30, 0" to="30,0" begin="0s; thirdSet1_1.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<set id="thirdSet2" attributeName="stroke" to="rgb(204,0,102)" begin="0s; thirdSet2.end + 1s" dur="1s"/>
|
||||
<rect x="10" width="8" height="8">
|
||||
<animateTransform attributeName="transform" id="thirdSet2_1" type="translate" from="30, 0" to="30,0" begin="0s; thirdSet2_1.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<set id="thirdSet3" attributeName="stroke" to="rgb(204,0,102)" begin="0s; thirdSet3.end + 1s" dur="1s"/>
|
||||
<rect x="10" width="8" height="8">
|
||||
<animateTransform attributeName="transform" id="thirdSet3_1" type="translate" from="30, 0" to="30,0" begin="0s; thirdSet3_1.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setFour" transform="translate(0,60)" stroke="rgb(204,0,102)">
|
||||
<defs>
|
||||
<g id="setFourRef">
|
||||
<line x1="10" y1="8" x2="20" y2="0" stroke="#ccc">
|
||||
</line>
|
||||
<line x1="10" y1="8" x2="20" y2="0" stroke-width="4" stroke="#ccc" transform="translate(30,0)">
|
||||
</line>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setFourRef"/>
|
||||
<use xlink:href="#setFourRef" x="110"/>
|
||||
<use xlink:href="#setFourRef" x="220"/>
|
||||
|
||||
<line x1="10" y1="8" x2="20" y2="0">
|
||||
<set id="fourthSet1" attributeName="stroke-width" to="4" begin="0s; fourthSet1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="fourthSet1_1" type="translate" from="30, 0" to="30,0" begin="0s; fourthSet1_1.end + 1s" dur="1s"/>
|
||||
</line>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<set id="fourthSet2" attributeName="stroke-width" to="4" begin="0s; fourthSet2.end + 1s" dur="1s"/>
|
||||
<line x1="10" y1="8" x2="20" y2="0">
|
||||
<animateTransform attributeName="transform" id="fourthSet2_1" type="translate" from="30, 0" to="30,0" begin="0s; fourthSet2_1.end + 1s" dur="1s"/>
|
||||
</line>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<set id="fourthSet3" attributeName="stroke-width" to="4" begin="0s; fourthSet3.end + 1s" dur="1s"/>
|
||||
<line x1="10" y1="8" x2="20" y2="0">
|
||||
<animateTransform attributeName="transform" id="fourthSet3_1" type="translate" from="30, 0" to="30,0" begin="0s; fourthSet3_1.end + 1s" dur="1s"/>
|
||||
</line>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setFive" transform="translate(0,80)" stroke-width="4" stroke="rgb(204,0,102)">
|
||||
<defs>
|
||||
<g id="setFiveRef">
|
||||
<line x1="10" y1="8" x2="20" y2="0" stroke="#ccc">
|
||||
</line>
|
||||
<line x1="10" y1="8" x2="20" y2="0" stroke-linecap="round" stroke="#ccc" transform="translate(30,0)">
|
||||
</line>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setFiveRef"/>
|
||||
<use xlink:href="#setFiveRef" x="110"/>
|
||||
<use xlink:href="#setFiveRef" x="220"/>
|
||||
|
||||
<line x1="10" y1="8" x2="20" y2="0">
|
||||
<set id="fifthSet1" attributeName="stroke-linecap" to="round" begin="0s; fifthSet1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="fifthSet1_1" type="translate" from="30, 0" to="30,0" begin="0s; fifthSet1_1.end + 1s" dur="1s"/>
|
||||
</line>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<set id="fifthSet2" attributeName="stroke-linecap" to="round" begin="0s; fifthSet2.end + 1s" dur="1s"/>
|
||||
<line x1="10" y1="8" x2="20" y2="0">
|
||||
<animateTransform attributeName="transform" id="fifthSet2_1" type="translate" from="30, 0" to="30,0" begin="0s; fifthSet2_1.end + 1s" dur="1s"/>
|
||||
</line>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<set id="fifthSet3" attributeName="stroke-linecap" to="round" begin="0s; fifthSet3.end + 1s" dur="1s"/>
|
||||
<line x1="10" y1="8" x2="20" y2="0">
|
||||
<animateTransform attributeName="transform" id="fifthSet3_1" type="translate" from="30, 0" to="30,0" begin="0s; fifthSet3_1.end + 1s" dur="1s"/>
|
||||
</line>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setSix" transform="translate(5,100)" fill="none" stroke-miterlimit="10" stroke-width="3" stroke="rgb(204,0,102)">
|
||||
<defs>
|
||||
<g id="setSixRef">
|
||||
<polyline stroke="#ccc" points="5,2,20,5,5,8">
|
||||
</polyline>
|
||||
<polyline stroke="#ccc" points="5,2,20,5,5,8" stroke-linejoin="bevel" transform="translate(30,0)">
|
||||
</polyline>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setSixRef"/>
|
||||
<use xlink:href="#setSixRef" x="110"/>
|
||||
<use xlink:href="#setSixRef" x="220"/>
|
||||
|
||||
<polyline points="5,2,20,5,5,8">
|
||||
<set id="sixthSet1" attributeName="stroke-linejoin" to="bevel" begin="0s; sixthSet1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="sixthSet1_1" type="translate" from="30, 0" to="30,0" begin="0s; sixthSet1_1.end + 1s" dur="1s"/>
|
||||
</polyline>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<set id="sixthSet2" attributeName="stroke-linejoin" to="bevel" begin="0s; sixthSet2.end + 1s" dur="1s"/>
|
||||
<polyline points="5,2,20,5,5,8">
|
||||
<animateTransform attributeName="transform" id="sixthSet2_1" type="translate" from="30, 0" to="30,0" begin="0s; sixthSet2_1.end + 1s" dur="1s"/>
|
||||
</polyline>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<set id="sixthSet3" attributeName="stroke-linejoin" to="bevel" begin="0s; sixthSet3.end + 1s" dur="1s"/>
|
||||
<polyline points="5,2,20,5,5,8">
|
||||
<animateTransform attributeName="transform" id="sixthSet3_1" type="translate" from="30, 0" to="30,0" begin="0s; sixthSet3_1.end + 1s" dur="1s"/>
|
||||
</polyline>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setSeven" transform="translate(5,120)" stroke-miterlimit="1" fill="none" stroke-width="3" stroke="rgb(204,0,102)">
|
||||
<defs>
|
||||
<g id="setSevenRef">
|
||||
<polyline points="5,0,20,5,5,10" stroke="#ccc"/>
|
||||
<polyline points="5,0,20,5,5,10" stroke="#ccc" stroke-miterlimit="10" transform="translate(30,0)"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setSevenRef"/>
|
||||
<use xlink:href="#setSevenRef" x="110"/>
|
||||
<use xlink:href="#setSevenRef" x="220"/>
|
||||
|
||||
<polyline points="5,0,20,5,5,10">
|
||||
<set id="seventhSet1" attributeName="stroke-miterlimit" to="10" begin="0s; seventhSet1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="seventhSet1_1" type="translate" from="30, 0" to="30,0" begin="0s; seventhSet1_1.end + 1s" dur="1s"/>
|
||||
</polyline>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<set id="seventhSet2" attributeName="stroke-miterlimit" to="10" begin="0s; seventhSet2.end + 1s" dur="1s"/>
|
||||
<polyline points="5,0,20,5,5,10">
|
||||
<animateTransform attributeName="transform" id="seventhSet2_1" type="translate" from="30, 0" to="30,0" begin="0s; seventhSet2_1.end + 1s" dur="1s"/>
|
||||
</polyline>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<set id="seventhSet3" attributeName="stroke-miterlimit" to="10" begin="0s; seventhSet3.end + 1s" dur="1s"/>
|
||||
<polyline points="5,0,20,5,5,10">
|
||||
<animateTransform attributeName="transform" id="seventhSet3_1" type="translate" from="30, 0" to="30,0" begin="0s; seventhSet3_1.end + 1s" dur="1s"/>
|
||||
</polyline>
|
||||
</a>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="setEight" transform="translate(-5,145)" stroke-dasharray="3,4,5" stroke-width="3" stroke="rgb(204,0,102)">
|
||||
<defs>
|
||||
<g id="setEightRef">
|
||||
<line x1="0" y1="0" x2="25" y2="0" stroke="#ccc"/>
|
||||
<line x1="0" y1="0" x2="25" y2="0" stroke="#ccc" stroke-dashoffset="5.5" transform="translate(40,0)"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setEightRef"/>
|
||||
<use xlink:href="#setEightRef" x="110"/>
|
||||
<use xlink:href="#setEightRef" x="220"/>
|
||||
|
||||
<line x1="0" y1="0" x2="25" y2="0">
|
||||
<set id="eighthSet1" attributeName="stroke-dashoffset" to="5.5" begin="0s; eighthSet1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="eighthSet1_1" type="translate" from="40, 0" to="40,0" begin="0s; eighthSet1_1.end + 1s" dur="1s"/>
|
||||
</line>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<set id="eighthSet2" attributeName="stroke-dashoffset" to="5.5" begin="0s; eighthSet2.end + 1s" dur="1s"/>
|
||||
<line x1="0" y1="0" x2="25" y2="0">
|
||||
<animateTransform attributeName="transform" id="eighthSet2_1" type="translate" from="40, 0" to="40,0" begin="0s; eighthSet2_1.end + 1s" dur="1s"/>
|
||||
</line>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<set id="eighthSet3" attributeName="stroke-dashoffset" to="5.5" begin="0s; eighthSet3.end + 1s" dur="1s"/>
|
||||
<line x1="0" y1="0" x2="25" y2="0">
|
||||
<animateTransform attributeName="transform" id="eighthSet3_1" type="translate" from="40, 0" to="40,0" begin="0s; eighthSet3_1.end + 1s" dur="1s"/>
|
||||
</line>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setNine" transform="translate(0,160)">
|
||||
<defs>
|
||||
<g id="setNineRef">
|
||||
<rect x="10" width="8" height="8" fill="#ccc"/>
|
||||
<rect x="10" width="8" height="8" fill="#ccc" transform="translate(30,0)"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setNineRef"/>
|
||||
<use xlink:href="#setNineRef" x="110"/>
|
||||
<use xlink:href="#setNineRef" x="220"/>
|
||||
<rect x="10" width="8" height="8">
|
||||
<set id="ninthSet1" attributeName="display" to="none" begin="0s; ninthSet1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="ninthSet1_1" type="translate" from="30, 0" to="30,0" begin="0s; ninthSet1_1.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<set id="ninthSet2" attributeName="display" to="none" begin="0s; ninthSet2.end + 1s" dur="1s"/>
|
||||
<rect x="10" width="8" height="8">
|
||||
<animateTransform attributeName="transform" id="ninthSet2_1" type="translate" from="30, 0" to="30,0" begin="0s; ninthSet2_1.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<set id="ninthSet3" attributeName="display" to="none" begin="0s; ninthSet3.end + 1s" dur="1s"/>
|
||||
<rect x="10" width="8" height="8">
|
||||
<animateTransform attributeName="transform" id="ninthSet3_1" type="translate" from="30, 0" to="30,0" begin="0s; ninthSet3_1.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setTen" transform="translate(0,180)">
|
||||
<defs>
|
||||
<g id="setTenRef">
|
||||
<rect x="10" width="8" height="8" fill="#ccc"/>
|
||||
<rect x="10" width="8" height="8" fill="#ccc" transform="translate(30,0)"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setTenRef"/>
|
||||
<use xlink:href="#setTenRef" x="110"/>
|
||||
<use xlink:href="#setTenRef" x="220"/>
|
||||
|
||||
<rect x="10" width="8" height="8">
|
||||
<set id="tenthSet1" attributeName="visibility" to="hidden" begin="0s; tenthSet1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="tenthSet1_1" type="translate" from="30, 0" to="30,0" begin="0s; tenthSet1_1.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
|
||||
<g transform="translate(110, 0)">
|
||||
<set id="tenthSet2" attributeName="visibility" to="hidden" begin="0s; tenthSet2.end + 1s" dur="1s"/>
|
||||
<rect x="10" width="8" height="8">
|
||||
<animateTransform attributeName="transform" id="tenthSet2_1" type="translate" from="30, 0" to="30,0" begin="0s; tenthSet2_1.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)">
|
||||
<set id="tenthSet3" attributeName="visibility" to="hidden" begin="0s; tenthSet3.end + 1s" dur="1s"/>
|
||||
<rect x="10" width="8" height="8">
|
||||
<animateTransform attributeName="transform" id="tenthSet3_1" type="translate" from="30, 0" to="30,0" begin="0s; tenthSet3_1.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="setEleven" color="rgb(204,0,102)" transform="translate(0,200)">
|
||||
<defs>
|
||||
<g id="setElevenRef">
|
||||
<rect x="10" width="8" height="8" fill="#ccc"/>
|
||||
<rect x="10" width="8" height="8" fill="#ccc" transform="translate(30,0)"/>
|
||||
</g>
|
||||
</defs>
|
||||
<use xlink:href="#setElevenRef"/>
|
||||
<use xlink:href="#setElevenRef" x="110"/>
|
||||
<use xlink:href="#setTenRef" x="220"/>
|
||||
|
||||
<rect x="10" width="8" height="8" fill="currentColor">
|
||||
<set id="eleventhSet1" attributeName="color" to="rgb(255, 165, 0)" begin="0s; eleventhSet1.end + 1s" dur="1s"/>
|
||||
<animateTransform attributeName="transform" id="eleventhSet1_1" type="translate" from="30, 0" to="30,0" begin="0s; eleventhSet1_1.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
|
||||
<g transform="translate(110, 0)" fill="currentColor">
|
||||
<set id="eleventhSet2" attributeName="color" to="rgb(255, 165, 0)" begin="0s; eleventhSet2.end + 1s" dur="1s"/>
|
||||
<rect x="10" width="8" height="8">
|
||||
<animateTransform attributeName="transform" id="eleventhSet2_1" type="translate" from="30, 0" to="30,0" begin="0s; eleventhSet2_1.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<a xlink:href="" transform="translate(220, 0)" fill="currentColor">
|
||||
<!-- This first 'set' is because 'color' on the 'a' might well be a different color from that
|
||||
inherited from its parent, due to UA style sheet ":visited { color: something }" rules. -->
|
||||
<set attributeName="color" to="rgb(204,0,102)"/>
|
||||
<set id="eleventhSet3" attributeName="color" to="rgb(255, 165, 0)" begin="0s; eleventhSet3.end + 1s" dur="1s"/>
|
||||
<rect x="10" width="8" height="8">
|
||||
<animateTransform attributeName="transform" id="eleventhSet3_1" type="translate" from="30, 0" to="30,0" begin="0s; eleventhSet3_1.end + 1s" dur="1s"/>
|
||||
</rect>
|
||||
</a>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,252 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-80-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-80-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-80-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="25" font-size="16"><animateTransform></text>
|
||||
<defs>
|
||||
<g id="ref" stroke="rgb(192,192,192)" fill="none">
|
||||
<circle stroke-width="2" r="40"/>
|
||||
<line x1="-45" x2="45"/>
|
||||
<line y1="-45" y2="45"/>
|
||||
</g>
|
||||
</defs>
|
||||
<g transform="translate(0,0)" font-size="14">
|
||||
<g transform="translate(60,90)">
|
||||
<use xlink:href="#ref"/>
|
||||
|
||||
<line x1="40" x2="40" stroke-width="15" stroke-linecap="round" stroke="rgb(192,192,192)" transform="rotate(0)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="2s;4s;6s" dur="0.2s"/>
|
||||
</line>
|
||||
|
||||
<line x1="40" x2="40" stroke-width="15" stroke-linecap="round" stroke="rgb(192,192,192)" transform="rotate(90)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="2.5s;5.5s" dur="0.2s"/>
|
||||
</line>
|
||||
|
||||
<line x1="40" x2="40" stroke-width="15" stroke-linecap="round" stroke="rgb(192,192,192)" transform="rotate(180)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="3s;5s" dur="0.2s"/>
|
||||
</line>
|
||||
|
||||
<line x1="40" x2="40" stroke-width="15" stroke-linecap="round" stroke="rgb(192,192,192)" transform="rotate(270)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="3.5s;4.5s" dur="0.2s"/>
|
||||
</line>
|
||||
|
||||
<line x2="40" stroke-width="10" stroke-linecap="round" stroke="rgb(200,80,80)">
|
||||
<animateTransform attributeName="transform" type="rotate" values="0;360;0" begin="2s" dur="4s"/>
|
||||
</line>
|
||||
|
||||
<text y="60" text-anchor="middle">type=rotate</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(180,110)">
|
||||
<line y2="-40" stroke-width="15" stroke-linecap="round" stroke="rgb(192,192,192)" transform="skewX(0)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="2s;4s;6s" dur="0.2s"/>
|
||||
</line>
|
||||
|
||||
<line y2="-40" stroke-width="15" stroke-linecap="round" stroke="rgb(192,192,192)" transform="skewX(45)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="3.333s" dur="0.2s"/>
|
||||
</line>
|
||||
|
||||
<line y2="-40" stroke-width="15" stroke-linecap="round" stroke="rgb(192,192,192)" transform="skewX(-45)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="4.666s" dur="0.2s"/>
|
||||
</line>
|
||||
|
||||
<line y2="-40" stroke-width="10" stroke-linecap="round" stroke="rgb(200,80,80)">
|
||||
<animateTransform attributeName="transform" type="skewX" values="0;45;-45;0" begin="2s" dur="4s"/>
|
||||
</line>
|
||||
<text y="40" text-anchor="middle">type=skewX</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(300,90)">
|
||||
<g transform="translate(15,0)">
|
||||
<line x2="-40" stroke-width="15" stroke-linecap="round" stroke="rgb(192,192,192)" transform="skewY(0)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="2s;4s;6s" dur="0.2s"/>
|
||||
</line>
|
||||
|
||||
<line x2="-40" stroke-width="15" stroke-linecap="round" stroke="rgb(192,192,192)" transform="skewY(30)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="3.333s" dur="0.2s"/>
|
||||
</line>
|
||||
|
||||
<line x2="-40" stroke-width="15" stroke-linecap="round" stroke="rgb(192,192,192)" transform="skewY(-30)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="4.666s" dur="0.2s"/>
|
||||
</line>
|
||||
|
||||
<line x2="-40" stroke-width="10" stroke-linecap="round" stroke="rgb(200,80,80)">
|
||||
<animateTransform attributeName="transform" type="skewY" values="0;30;-30;0" begin="2s" dur="4s"/>
|
||||
</line>
|
||||
</g>
|
||||
|
||||
<text y="60" text-anchor="middle">type=skewY</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(420,90)">
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="4" r="40" fill="none">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="2s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="4" r="30" fill="none">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="3s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="4" r="20" fill="none">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="4s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="4" r="10" fill="none">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="5s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle fill="rgb(200,80,80)" r="10" transform="scale(4)">
|
||||
<animateTransform attributeName="transform" type="scale" values="4,4;3,3;2,2;1,1" begin="2s" dur="3s" fill="freeze"/>
|
||||
</circle>
|
||||
<text y="60" text-anchor="middle">type=scale</text>
|
||||
<text y="75" text-anchor="middle">(sx and sy)</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g transform="translate(20,180)">
|
||||
<use xlink:href="#ref" x="40" y="40"/>
|
||||
|
||||
<line x1="80" y1="40" x2="80" y2="40" stroke-width="15" stroke-linecap="round" stroke="rgb(192,192,192)" transform="rotate(0,40,40)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="2s;4s;6s" dur="0.2s"/>
|
||||
</line>
|
||||
|
||||
<line x1="80" y1="40" x2="80" y2="40" stroke-width="15" stroke-linecap="round" stroke="rgb(192,192,192)" transform="rotate(90,40,40)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="2.5s;5.5s" dur="0.2s"/>
|
||||
</line>
|
||||
|
||||
<line x1="80" y1="40" x2="80" y2="40" stroke-width="15" stroke-linecap="round" stroke="rgb(192,192,192)" transform="rotate(180,40,40)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="3s;5s" dur="0.2s"/>
|
||||
</line>
|
||||
|
||||
<line x1="80" y1="40" x2="80" y2="40" stroke-width="15" stroke-linecap="round" stroke="rgb(192,192,192)" transform="rotate(270,40,40)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="3.5s;4.5s" dur="0.2s"/>
|
||||
</line>
|
||||
|
||||
<line x1="40" y1="40" x2="80" y2="40" stroke-width="10" stroke-linecap="round" stroke="rgb(200,80,80)">
|
||||
<animateTransform attributeName="transform" type="rotate" values="0 40 40;360 40 40;0 40 40" begin="2s" dur="4s"/>
|
||||
</line>
|
||||
|
||||
<text y="100" x="40" text-anchor="middle">type=rotate</text>
|
||||
<text y="115" x="40" text-anchor="middle">(with cx/cy)</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(180,220)">
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="4" cx="-40" r="10" fill="none">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="2s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="4" cx="-20" r="10" fill="none">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="3s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="4" cx="0" r="10" fill="none">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="4s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="4" cx="20" r="10" fill="none">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="5s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="4" cx="40" r="10" fill="none">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="6s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle fill="rgb(200,80,80)" r="6" transform="translate(-40,0)">
|
||||
<animateTransform attributeName="transform" type="translate" values="-40;-20;0;20;40" begin="2s" dur="4s" fill="freeze"/>
|
||||
</circle>
|
||||
<text y="60" text-anchor="middle">type=translate</text>
|
||||
<text y="75" text-anchor="middle">(tx only)</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(300,220)">
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="4" cx="-40" cy="30" r="10" fill="none">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="2s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="4" cx="-20" cy="15" r="10" fill="none">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="3s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="4" cx="0" r="10" fill="none">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="4s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="4" cx="20" cy="-15" r="10" fill="none">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="5s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="4" cx="40" cy="-30" r="10" fill="none">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="6s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle fill="rgb(200,80,80)" r="6" transform="translate(-40,30)">
|
||||
<animateTransform attributeName="transform" type="translate" values="-40,30;-20,15;0,0;20,-15;40,-30" begin="2s" dur="4s" fill="freeze"/>
|
||||
</circle>
|
||||
<text y="60" text-anchor="middle">type=translate</text>
|
||||
<text y="75" text-anchor="middle">(tx and ty)</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(420,220)">
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="1" r="10" fill="none" transform="scale(4,4)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="2s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="1.3333" r="10" fill="none" transform="scale(3,3)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="3s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="2" r="10" fill="none" transform="scale(2,2)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="4s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle stroke="rgb(192,192,192)" stroke-width="4" r="10" fill="none" transform="scale(1,1)">
|
||||
<set attributeName="stroke" to="rgb(250,200,30)" begin="5s" dur="0.2s"/>
|
||||
</circle>
|
||||
|
||||
<circle fill="rgb(200,80,80)" r="10" transform="scale(4,4)">
|
||||
<animateTransform attributeName="transform" type="scale" values="4;3;2;1" begin="2s" dur="3s" fill="freeze"/>
|
||||
</circle>
|
||||
<text y="60" text-anchor="middle">type=scale</text>
|
||||
<text y="75" text-anchor="middle">(sx only)</text>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,107 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-81-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-81-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-81-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="25" font-size="16"><animateTransform></text>
|
||||
<defs>
|
||||
<g id="ref" stroke="rgb(192,192,192)" fill="none">
|
||||
<circle stroke-width="2" r="40"/>
|
||||
<line x1="-45" x2="45"/>
|
||||
<line y1="-45" y2="45"/>
|
||||
</g>
|
||||
</defs>
|
||||
<g transform="translate(0,0)" font-size="14">
|
||||
<g transform="translate(60,90)">
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="skewX(30)" stroke="gray" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0" to="90" dur="5s" additive="replace" fill="freeze"/>
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="scale" from="1,1" to="2,2" dur="5s" additive="replace" fill="freeze"/>
|
||||
</rect>
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="scale(2,2)" stroke="rgb(255,180,0)" stroke-width="4" fill="none"/>
|
||||
<text y="60" text-anchor="middle">additive=replace</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(180,90)">
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="skewX(30)" stroke="gray" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0" to="90" dur="5s" additive="sum" fill="freeze"/>
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="scale" from="1,1" to="2,2" dur="5s" additive="sum" fill="freeze"/>
|
||||
</rect>
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="skewX(30) rotate(90) scale(2,2)" stroke="rgb(255,180,0)" stroke-width="4" fill="none"/>
|
||||
<text y="60" text-anchor="middle">additive=sum</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(300,90)">
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="skewX(30)" stroke="gray" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="scale" from="1,1" to="2,2" dur="2.5s" repeatCount="2" accumulate="none" fill="freeze" additive="replace"/>
|
||||
</rect>
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="scale(2,2)" stroke="rgb(255,180,0)" stroke-width="4" fill="none"/>
|
||||
<text y="60" text-anchor="middle">accumulate=none</text>
|
||||
<text y="75" text-anchor="middle">additive=replace</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(420,90)">
|
||||
<rect x="-7.5" y="-7.5" width="15" height="15" transform="skewX(30)" stroke="gray" stroke-width="2" fill="rgb(230,230,230)">
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="scale" from="0,0" to="2,2" dur="2.5s" repeatCount="2" accumulate="sum" fill="freeze" additive="replace"/>
|
||||
</rect>
|
||||
<rect x="-7.5" y="-7.5" width="15" height="15" transform="scale(4,4)" stroke="rgb(255,180,0)" stroke-width="2" fill="none"/>
|
||||
<text y="60" text-anchor="middle">accumulate=sum</text>
|
||||
<text y="75" text-anchor="middle">additive=replace</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(300,220)">
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="skewX(30)" stroke="gray" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="scale" from="1,1" to="2,2" dur="2.5s" repeatCount="2" accumulate="none" fill="freeze" additive="sum"/>
|
||||
</rect>
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="skewX(30) scale(2,2)" stroke="rgb(255,180,0)" stroke-width="4" fill="none"/>
|
||||
<text y="60" text-anchor="middle">accumulate=none</text>
|
||||
<text y="75" text-anchor="middle">additive=sum</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(420,220)">
|
||||
<rect x="-7.5" y="-7.5" width="15" height="15" transform="skewX(30)" stroke="gray" stroke-width="2" fill="rgb(230,230,230)">
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="scale" from="0,0" to="2,2" dur="2.5s" repeatCount="2" accumulate="sum" fill="freeze" additive="sum"/>
|
||||
</rect>
|
||||
<rect x="-7.5" y="-7.5" width="15" height="15" transform="skewX(30) scale(4,4)" stroke="rgb(255,180,0)" stroke-width="2" fill="none"/>
|
||||
<text y="60" text-anchor="middle">accumulate=sum</text>
|
||||
<text y="75" text-anchor="middle">additive=sum</text>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.8 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,213 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-82-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-82-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-82-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="25" font-size="16"><animateTransform></text>
|
||||
<defs>
|
||||
<g id="ref" stroke="rgb(192,192,192)" fill="none">
|
||||
<circle stroke-width="2" r="40"/>
|
||||
<line x1="-45" x2="45"/>
|
||||
<line y1="-45" y2="45"/>
|
||||
</g>
|
||||
</defs>
|
||||
<g transform="translate(0,0)" font-size="14">
|
||||
<g transform="translate(60,90)">
|
||||
<rect x="-15" y="-15" width="30" height="30" stroke="gray" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="45" to="90" dur="3s" additive="replace" fill="freeze"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="rotate(45)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="0s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="rotate(67.5)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="1.5s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="rotate(90)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="3s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<text y="60" text-anchor="middle">same rotation</text>
|
||||
<text y="75" text-anchor="middle">center</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(180,90)">
|
||||
<rect x="-15" y="-15" width="30" height="30" stroke="gray" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="45,0,0" to="90,-15,-15" dur="3s" additive="replace" fill="freeze"/>
|
||||
</rect>
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="rotate(45,0,0)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="0s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="rotate(67.5,-7.5,-7.5)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="1.5s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="rotate(90,-15,-15)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="3s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<text y="60" text-anchor="middle">different rotation</text>
|
||||
<text y="75" text-anchor="middle">centers</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(300,90)">
|
||||
<rect x="-15" y="-15" width="30" height="30" stroke="gray" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="translate" values="-40,40;-20,20;40,-40" dur="3s" calcMode="paced" additive="replace" fill="freeze"/>
|
||||
</rect>
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="translate(-40,40)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="0s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="translate(0,0)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="1.5s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="translate(40,-40)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="3s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<text y="75" text-anchor="middle">paced translation</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(415,90)">
|
||||
<rect x="-15" y="-15" width="30" height="30" stroke="gray" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="translate" values="-40,40;-20,-20;40,-40" dur="3s" calcMode="linear" additive="replace" fill="freeze"/>
|
||||
</rect>
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="translate(-40,40)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="0s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="translate(-20,-20)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="1.5s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="translate(40,-40)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="3s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<text y="75" text-anchor="middle">linear translation</text>
|
||||
|
||||
</g>
|
||||
|
||||
<g transform="translate(60,220)">
|
||||
<rect x="-15" y="-15" width="30" height="30" stroke="none" fill="rgb(230,230,230)">
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="scale" values="1,2;3,2;1,1" dur="3s" calcMode="paced" fill="freeze"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-30" width="30" height="60" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="0s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-45" y="-30" width="90" height="60" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="1.5s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-15" width="30" height="30" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="3s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<text y="60" text-anchor="middle">paced scale</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(180,220)">
|
||||
<rect x="-15" y="-15" width="30" height="30" stroke="none" fill="rgb(230,230,230)">
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="scale" values="1,2;3,2;1,1" dur="3s" calcMode="linear" fill="freeze"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-30" width="30" height="60" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="0s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-45" y="-30" width="90" height="60" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="1.5s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="scale(1,1)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="3s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<text y="60" text-anchor="middle">linear scale</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(275,220)">
|
||||
<rect x="-15" y="-15" width="30" height="30" stroke="gray" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0,0,0;45,-15,-20;180,30,50" dur="3s" calcMode="paced" additive="replace" fill="freeze"/>
|
||||
</rect>
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="rotate(0,0,0)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="0s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="rotate(90,0,5)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="1.5s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="rotate(180,30,50)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="3s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<text y="75" text-anchor="middle">paced rotation</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(395,220)">
|
||||
<rect x="-15" y="-15" width="30" height="30" stroke="gray" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0,0,0;45,-15,-20;180,30,50" dur="3s" calcMode="linear" additive="replace" fill="freeze"/>
|
||||
</rect>
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="rotate(0,0,0)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="0s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="rotate(45,-15,-20)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="1.5s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<rect x="-15" y="-15" width="30" height="30" transform="rotate(180,30,50)" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="3s" dur="0.2s"/>
|
||||
</rect>
|
||||
|
||||
<text y="75" text-anchor="middle">linear rotation</text>
|
||||
</g>
|
||||
|
||||
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,161 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-83-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-83-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-83-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="25" font-size="16"><animate> on <path>'s d attribute</text>
|
||||
|
||||
<defs>
|
||||
<g id="ref" stroke="rgb(192,192,192)" fill="none">
|
||||
<circle stroke-width="2" r="40"/>
|
||||
<line x1="-45" x2="45"/>
|
||||
<line y1="-45" y2="45"/>
|
||||
</g>
|
||||
</defs>
|
||||
|
||||
<g transform="translate(0,0)" font-size="12">
|
||||
<g id="test_1" transform="translate(120,90)">
|
||||
<path d="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 15 C 0 15 -15 0 -15 0 Z" stroke="none" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animate attributeName="d" from="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 15 C 0 15 -15 0 -15 0 Z" to="M 0 0 C -50 -15 -15 -50 0 0 C 15 -50 50 -15 0 0 C 50 15 15 50 0 0 C -15 50 -50 15 0 0 Z" dur="3s" fill="freeze" begin="1s"/>
|
||||
</path>
|
||||
|
||||
<path d="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 15 C 0 15 -15 0 -15 0 Z" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="1s" dur="0.2s"/>
|
||||
</path>
|
||||
|
||||
<path d="M 0 0 C -50 -15 -15 -50 0 0 C 15 -50 50 -15 0 0 C 50 15 15 50 0 0 C -15 50 -50 15 0 0 Z" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="4s" dur="0.2s"/>
|
||||
</path>
|
||||
|
||||
<text y="60" text-anchor="middle">#1: from-to animation</text>
|
||||
</g>
|
||||
|
||||
<g id="test_2" transform="translate(240,90)">
|
||||
<path d="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 15 C 0 15 -15 0 -15 0 Z" stroke="none" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animate attributeName="d" to="M 0 0 C -50 -15 -15 -50 0 0 C 15 -50 50 -15 0 0 C 50 15 15 50 0 0 C -15 50 -50 15 0 0 Z" dur="3s" fill="freeze" begin="1s"/>
|
||||
</path>
|
||||
|
||||
<path d="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 15 C 0 15 -15 0 -15 0 Z" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="1s" dur="0.2s"/>
|
||||
</path>
|
||||
|
||||
<path d="M 0 0 C -50 -15 -15 -50 0 0 C 15 -50 50 -15 0 0 C 50 15 15 50 0 0 C -15 50 -50 15 0 0 Z" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="4s" dur="0.2s"/>
|
||||
</path>
|
||||
|
||||
<text y="60" text-anchor="middle">#2: to animation</text>
|
||||
</g>
|
||||
|
||||
<g id="test_3" transform="translate(360,90)">
|
||||
<path d="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 15 C 0 15 -15 0 -15 0 Z" stroke="none" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animate attributeName="d" values="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 15 C 0 15 -15 0 -15 0 Z; M 0 0 C -50 -15 -15 -50 0 0 C 15 -50 50 -15 0 0 C 50 15 15 50 0 0 C -15 50 -50 15 0 0 Z; M -45 0 C -15 0 0 -15 0 -45 C 0 -15 15 0 45 0 C 15 0 0 15 0 45 C 0 15 -15 0 -45 0 Z" dur="3s" fill="freeze" begin="1s"/>
|
||||
</path>
|
||||
|
||||
<path d="M -15 0 C -15 0 0 -15 0 -15 C 0 -15 15 0 15 0 C 15 0 0 15 0 15 C 0 15 -15 0 -15 0 Z" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="1s" dur="0.2s"/>
|
||||
</path>
|
||||
|
||||
<path d="M 0 0 C -50 -15 -15 -50 0 0 C 15 -50 50 -15 0 0 C 50 15 15 50 0 0 C -15 50 -50 15 0 0 Z" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="2.5s" dur="0.2s"/>
|
||||
</path>
|
||||
|
||||
<path d="M -45 0 C -15 0 0 -15 0 -45 C 0 -15 15 0 45 0 C 15 0 0 15 0 45 C 0 15 -15 0 -45 0 Z" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="4s" dur="0.2s"/>
|
||||
</path>
|
||||
|
||||
<text y="60" text-anchor="middle">#3: values animation</text>
|
||||
</g>
|
||||
|
||||
<g id="test_4" transform="translate(120,200)">
|
||||
<path d="M -30 -30 L 30 0 V 30 H 0 Z" stroke="none" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animate attributeName="d" from="M -30 -30 L 30 0 V 30 H 0 Z" to="M 30 30 l -60 -30 v -30 h 30 Z" dur="3s" fill="freeze" begin="1s"/>
|
||||
</path>
|
||||
|
||||
<path d="M -30 -30 L 30 0 V 30 H 0 Z" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="1s" dur="0.2s"/>
|
||||
</path>
|
||||
|
||||
<path d="M 30 30 l -60 -30 v -30 h 30 Z" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="4s" dur="0.2s"/>
|
||||
</path>
|
||||
|
||||
<text y="60" text-anchor="middle">#4: from-to animation</text>
|
||||
<text y="75" text-anchor="middle">compatible H/h, V/v,</text>
|
||||
<text y="90" text-anchor="middle">L/l segments</text>
|
||||
</g>
|
||||
|
||||
<g id="test_5" transform="translate(240,200)">
|
||||
<path d="M -20 -20 C 20 -20 20 -20 20 20 S 20 40 -20 20 Z" stroke="none" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animate attributeName="d" from="M -20 -20 C 20 -20 20 -20 20 20 S 20 40 -20 20 Z" to="M -20 -20 c 0 40 0 40 40 40 s 40 0 0 -40 z" dur="3s" fill="freeze" begin="1s"/>
|
||||
</path>
|
||||
|
||||
<path d="M -20 -20 C 20 -20 20 -20 20 20 S 20 40 -20 20 Z" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="1s" dur="0.2s"/>
|
||||
</path>
|
||||
|
||||
<path d="M -20 -20 c 0 40 0 40 40 40 s 40 0 0 -40 z" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="4s" dur="0.2s"/>
|
||||
</path>
|
||||
|
||||
<text y="60" text-anchor="middle">#5: from-to animation</text>
|
||||
<text y="75" text-anchor="middle">compatible C/c</text>
|
||||
<text y="90" text-anchor="middle">s/S segments</text>
|
||||
</g>
|
||||
|
||||
<g id="test_6" transform="translate(360,200)">
|
||||
<path d="M -30 -30 Q 30 -30 30 0 T -30 30 Z" stroke="none" stroke-width="4" fill="rgb(230,230,230)">
|
||||
<animate attributeName="d" from="M -30 -30 Q 30 -30 30 0 T -30 30 Z" to="M -30 -30 q 30 0 30 30 t -30 30 z" dur="3s" fill="freeze" begin="1s"/>
|
||||
</path>
|
||||
|
||||
<path d="M -30 -30 Q 30 -30 30 0 T -30 30 Z" stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="1s" dur="0.2s"/>
|
||||
</path>
|
||||
|
||||
<path d="M -30 -30 q 30 0 30 30 t -30 30 " stroke="rgb(255,180,0)" stroke-width="1" fill="none">
|
||||
<set attributeName="stroke-width" to="4" begin="4s" dur="0.2s"/>
|
||||
</path>
|
||||
|
||||
<text y="60" text-anchor="middle">#6: from-to animation</text>
|
||||
<text y="75" text-anchor="middle">compatible Q/q, T/t</text>
|
||||
<text y="90" text-anchor="middle">segments</text>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-84-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-84-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-84-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g transform="scale(1.1) translate (50,20)">
|
||||
<rect color="green" fill="#000000" height="100" width="100">
|
||||
<animateColor attributeName="fill" from="#f00" to="currentColor" begin="2s" dur="5s" fill="freeze"/>
|
||||
</rect>
|
||||
<rect color="red" fill="#000000" height="100" width="100" y="150">
|
||||
<animateColor attributeName="fill" from="currentColor" to="green" begin="2s" dur="5s" fill="freeze"/>
|
||||
</rect>
|
||||
<rect color="green" fill="#000000" x="120" height="100" width="100" y="75">
|
||||
<animateColor attributeName="fill" from="#f00" to="green" begin="2s" dur="5s" fill="freeze"/>
|
||||
</rect>
|
||||
<g fill="#070">
|
||||
<rect color="green" fill="#000000" x="240" height="100" width="100">
|
||||
<animateColor attributeName="fill" from="#f00" to="inherit" begin="2s" dur="5s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
<g fill="#F00">
|
||||
<rect color="green" fill="#000000" x="240" height="100" width="100" y="150">
|
||||
<animateColor attributeName="fill" from="inherit" to="green" begin="2s" dur="5s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
<g text-anchor="middle" font-size="14">
|
||||
<text x="50" y="130">currentColor</text>
|
||||
<text x="170" y="55">green</text>
|
||||
<text x="290" y="130">inherit</text>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,83 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-85-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-85-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-85-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g id="subtest_1">
|
||||
<rect fill="#f00" x="30" y="50" height="100" width="90">
|
||||
<!-- basic test from two numeric hex values -->
|
||||
<animateColor attributeName="fill" from="#000000" to="#008000" begin="0s" dur="5s" fill="freeze"/>
|
||||
</rect>
|
||||
<rect fill="#f00" x="140" y="50" height="100" width="90">
|
||||
<!-- same, check color keywords accepted in animations -->
|
||||
<animateColor attributeName="fill" from="#000000" to="green" begin="0s" dur="5s" fill="freeze"/>
|
||||
</rect>
|
||||
<rect color="green" fill="#f00" x="250" y="50" height="100" width="90">
|
||||
<!-- same, static value of currentColor in 'to' -->
|
||||
<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">
|
||||
<!-- same, static value of currentColor in 'from' -->
|
||||
<animateColor attributeName="fill" to="#008000" from="currentColor" begin="0s" dur="5s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
<g id="subtest_2">
|
||||
<rect color="black" fill="blue" x="100" y="180" height="60" width="280">
|
||||
<animateColor attributeName="color" to="cyan" from="blue" begin="5s" dur="5s" fill="freeze"/>
|
||||
<animateColor attributeName="fill" from="#008000" to="currentColor" begin="5s" dur="5s" fill="freeze"/>
|
||||
</rect>
|
||||
<rect color="black" fill="blue" x="100" y="245" height="60" width="280">
|
||||
<animateColor attributeName="fill" from="#008000" to="currentColor" begin="5s" dur="5s" fill="freeze"/>
|
||||
<animateColor attributeName="color" to="cyan" from="blue" begin="5s" dur="5s" fill="freeze"/>
|
||||
</rect>
|
||||
<!--
|
||||
color fill
|
||||
4s #000000 #0000ff
|
||||
5s #0000ff #008000
|
||||
7.5s #0080ff #008080
|
||||
10s #00ffff #00ffff
|
||||
-->
|
||||
<circle r="30" cx="100" cy="240" fill="#0000ff"/>
|
||||
<circle r="30" cx="193" cy="240" fill="#008000"/>
|
||||
<circle r="30" cx="287" cy="240" fill="#008080"/>
|
||||
<circle r="30" cx="380" cy="240" fill="#00ffff"/>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.8 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-86-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-86-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-86-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="30" font-size="20">fill="freeze" with discrete calcMode</text>
|
||||
|
||||
<g transform="translate(100, 100)">
|
||||
<g transform="translate(80,25)" text-anchor="end" font-size="14">
|
||||
<text>discrete</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>
|
||||
|
||||
<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)">
|
||||
<animate id="firstSet" calcMode="discrete" attributeName="x" values="74;-6" dur="4s" end="2s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.5 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-87-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-87-t-manual.svg</h1>
|
||||
<svg 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 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-87-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
|
||||
<text x='10' y='40'>Test zero value of a scale transform animation</text>
|
||||
|
||||
<g transform='translate(150,150)'>
|
||||
<circle r='80' fill='#ccc'/>
|
||||
<circle r='80' fill='orange'>
|
||||
<animate attributeName='r' values='0; 80' begin='1s' dur='3s' fill='freeze'/>
|
||||
</circle>
|
||||
<text y='100' text-anchor='middle' font-size='12'>Reference</text>
|
||||
</g>
|
||||
<g transform='translate(350,150)'>
|
||||
<circle r='80' fill='#ccc'/>
|
||||
<circle r='80' fill='blue'>
|
||||
<animateTransform attributeName='transform' type='scale' begin='1s' dur='3s' by='1' fill='freeze'/>
|
||||
</circle>
|
||||
<text y='100' text-anchor='middle' font-size='12'><animateTransform type='scale' by='1'/></text>
|
||||
</g>
|
||||
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.5 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-88-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-88-t-manual.svg</h1>
|
||||
<svg 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 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-88-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
|
||||
<text x='10' y='40'>Test values attribute list syntax</text>
|
||||
|
||||
<rect x='10' y='50' width='50' height='0'>
|
||||
<animate attributeName='height' values=' 0 ; 50 ' dur='4s' fill='freeze'/>
|
||||
</rect>
|
||||
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved --><!--
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,94 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-89-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-89-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-89-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g font-family="SVGFreeSansASCII" font-size="20">
|
||||
|
||||
<!-- guide lines and labelling -->
|
||||
<g transform="translate(10,50)">
|
||||
<text x="0" y="203">0 sec.</text>
|
||||
<text x="0" y="170">3 sec. </text>
|
||||
<text x="0" y="114">6 sec. </text>
|
||||
<text x="3" y="3">9+ sec. </text>
|
||||
<g stroke="#AAA" stroke-width="4">
|
||||
<line x1="70" y1="200" x2="450" y2="200"/>
|
||||
<line x1="70" y1="167" x2="450" y2="167"/>
|
||||
<line x1="70" y1="111" x2="450" y2="111"/>
|
||||
<line x1="70" y1="0" x2="450" y2="0"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- first set of three subtests, keySplines on animation element -->
|
||||
<g transform="translate(60,50)">
|
||||
|
||||
<rect x="140" y="-10" width="50" height="210" fill="rgb(34, 139, 34)" stroke="#555" stroke-width="4">
|
||||
<animate attributeName="height" calcMode="spline" keySplines="0,0,1,1;0,0,1,1;.75,0,0,.75" values="210;177;121;10" begin="0s" dur="9s" fill="freeze"/>
|
||||
<!-- commas -->
|
||||
</rect>
|
||||
<rect x="90" y="-10" width="50" height="210" fill="rgb(50, 205, 50)" stroke="#555" stroke-width="4">
|
||||
<animate attributeName="height" calcMode="spline" keySplines="0 0 1 1;0 0 1 1;.75 0 0 .75" values="210;177;121;10" begin="0s" dur="9s" fill="freeze"/>
|
||||
<!-- spaces -->
|
||||
</rect>
|
||||
<rect x="40" y="-10" width="50" height="210" fill="rgb(154, 205, 50)" stroke="#555" stroke-width="4">
|
||||
<animate attributeName="height" calcMode="spline" keySplines="0 , 0 , 1 , 1;0 , 0 , 1 , 1;.75 , 0 , 0 , .75" values="210;177;121;10" begin="0s" dur="9s" fill="freeze"/>
|
||||
<!-- commas and spaces -->
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<!-- second set of three subtests, keySplines on animateMotion element -->
|
||||
<g transform="translate(250,50)">
|
||||
|
||||
<rect x="140" y="-10" width="60" height="10" fill="rgb(235, 110, 0)" stroke="#555" stroke-width="4">
|
||||
<animateMotion calcMode="spline" keySplines="0,0,1,1;0,0,1,1;.75,0,0,.75" values="0,200; 0,167; 0,111; 0,0" begin="0s" dur="9s" fill="freeze"/>
|
||||
<!-- commas -->
|
||||
</rect>
|
||||
<rect x="90" y="-10" width="60" height="10" fill="rgb(255, 180, 30)" stroke="#555" stroke-width="4">
|
||||
<animateMotion calcMode="spline" keySplines="0 0 1 1;0 0 1 1;.75 0 0 .75" values="0,200; 0 167; 0 111; 0 0" begin="0s" dur="9s" fill="freeze"/>
|
||||
<!-- spaces -->
|
||||
</rect>
|
||||
<rect x="40" y="-10" width="60" height="10" fill="rgb(255, 220, 60)" stroke="#555" stroke-width="4">
|
||||
<animateMotion calcMode="spline" keySplines="0 , 0 , 1 , 1;0 , 0 , 1 , 1;.75 , 0 , 0 , .75" values="0 , 200; 0 , 167; 0 , 111; 0 , 0" begin="0s" dur="9s" fill="freeze"/>
|
||||
<!-- commas and spaces -->
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.4 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-90-b-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-90-b-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2010 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-90-b.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
<style type="text/css">
|
||||
.start {visibility: hidden }
|
||||
.midway {visibility: visible; fill: rgb(0,0,255); }
|
||||
#test-body-content .final {fill: rgb(128,0,0); }
|
||||
.hideme {display: none;}
|
||||
</style>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<!-- Guide objects to show where the animation elements belong at which time -->
|
||||
<g font-family="Verdana" font-size="12">
|
||||
<text x="15" y="55">Color at start</text>
|
||||
<rect x="15" y="60" width="30" height="30"/>
|
||||
<circle cx="30" cy="75" r="10" fill="#000"/>
|
||||
<text x="15" y="145">Color at 3s</text>
|
||||
<rect x="15" y="150" width="30" height="30"/>
|
||||
<circle cx="30" cy="165" r="10" fill="rgb(0,0,255)"/>
|
||||
<text x="15" y="235">Color at 5s</text>
|
||||
<rect x="15" y="240" width="30" height="30"/>
|
||||
<circle cx="30" cy="255" r="10" fill="rgb(128,0,0)"/>
|
||||
</g>
|
||||
|
||||
<g>
|
||||
<rect x="150" y="50" width="240" height="240" stroke="black" fill="black"/>
|
||||
<circle cx="270" cy="170" r="110" class="start">
|
||||
<set attributeName="class" attributeType="XML" to="midway" begin="2s" dur="2s" fill="freeze"/>
|
||||
<animate attributeName="class" attributeType="XML" from="midway" to="final midway" begin="3s" dur="4s" fill="freeze"/>
|
||||
</circle>
|
||||
</g>
|
||||
<text x="270" y="170" text-anchor="middle" font-size="40" fill="#F69" class="hideme">CSS not supported</text>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.3 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,186 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-91-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-91-t-manual.svg</h1>
|
||||
<svg 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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-91-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
|
||||
<text x="10" y="40">Testing <animate to=""> with non-interpolable attributes</text>
|
||||
|
||||
<g font-size="16">
|
||||
|
||||
<text x="207.5" y="75" text-anchor="middle">0s-2s</text>
|
||||
<text x="307.5" y="75" text-anchor="middle">> 2s</text>
|
||||
|
||||
<!-- Reference: using <set> -->
|
||||
<g transform="translate(0,85)">
|
||||
<text x="30" y="12">(reference)</text>
|
||||
<rect x="200" width="12" height="12" stroke="black" fill="rgb(204,0,102)">
|
||||
<set attributeName="fill" to="#ccc" begin="2s" dur="2s" fill="freeze"/>
|
||||
</rect>
|
||||
<rect x="300" width="12" height="12" stroke="black" fill="#ccc">
|
||||
<set attributeName="fill" to="rgb(204,0,102)" begin="2s" dur="2s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<!-- Sub-test 1: class on <rect> -->
|
||||
<g transform="translate(0,110)">
|
||||
<style type="text/css">.on { fill: rgb(204,0,102) } .off { fill: #ccc }</style>
|
||||
<text x="30" y="12">class</text>
|
||||
<rect x="200" width="12" height="12" stroke="black" class="on">
|
||||
<animate attributeName="class" to="off" begin="2s" dur="2s" fill="freeze"/>
|
||||
</rect>
|
||||
<rect x="300" width="12" height="12" stroke="black" class="off">
|
||||
<animate attributeName="class" to="on" begin="2s" dur="2s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<!-- Sub-test 2: clipPathUnits on <clipPath> -->
|
||||
<g transform="translate(0,135)">
|
||||
<text x="30" y="12">clipPathUnits</text>
|
||||
<clipPath id="c1" clipPathUnits="objectBoundingBox">
|
||||
<rect width="1" height="1"/>
|
||||
<animate attributeName="clipPathUnits" to="userSpaceOnUse" begin="2s" dur="2s" fill="freeze"/>
|
||||
</clipPath>
|
||||
<rect x="200" width="12" height="12" stroke="black" fill="#ccc"/>
|
||||
<rect x="200" width="12" height="12" stroke="black" fill="rgb(204,0,102)" clip-path="url(#c1)"/>
|
||||
<rect x="300" width="12" height="12" stroke="black" fill="rgb(204,0,102)"/>
|
||||
<rect x="300" width="12" height="12" stroke="black" fill="#ccc" clip-path="url(#c1)"/>
|
||||
</g>
|
||||
|
||||
<!-- Sub-test 3: in on <feComposite> -->
|
||||
<g transform="translate(0,160)">
|
||||
<text x="30" y="12">in</text>
|
||||
<filter id="f1" x="0" y="0" width="1" height="1">
|
||||
<feFlood flood-color="#ccc" result="off"/>
|
||||
<feFlood flood-color="rgb(204,0,102)" result="on"/>
|
||||
<feComposite in="on" in2="SourceGraphic">
|
||||
<animate attributeName="in" to="off" begin="2s" dur="2s" fill="freeze"/>
|
||||
</feComposite>
|
||||
</filter>
|
||||
<filter id="f2" x="0" y="0" width="1" height="1">
|
||||
<feFlood flood-color="#ccc" result="off"/>
|
||||
<feFlood flood-color="rgb(204,0,102)" result="on"/>
|
||||
<feComposite in="off" in2="SourceGraphic">
|
||||
<animate attributeName="in" to="on" begin="2s" dur="2s" fill="freeze"/>
|
||||
</feComposite>
|
||||
</filter>
|
||||
<rect x="200" width="12" height="12" fill="none" filter="url(#f1)"/>
|
||||
<rect x="200" width="12" height="12" stroke="black" fill="none"/>
|
||||
<rect x="300" width="12" height="12" fill="none" filter="url(#f2)"/>
|
||||
<rect x="300" width="12" height="12" stroke="black" fill="none"/>
|
||||
</g>
|
||||
|
||||
<!-- Sub-test 4: preserveAspectRatio on <svg> -->
|
||||
<g transform="translate(0,185)">
|
||||
<text x="30" y="12">preserveAspectRatio</text>
|
||||
<rect x="200" width="12" height="12" fill="#ccc"/>
|
||||
<rect x="300" width="12" height="12" fill="rgb(204,0,102)"/>
|
||||
<clipPath id="c2" clipPathUnits="userSpaceOnUse">
|
||||
<rect x="200" y="0" width="112" height="12"/>
|
||||
</clipPath>
|
||||
<g clip-path="url(#c2)">
|
||||
<svg width="200" height="100" viewBox="0 0 400 400" preserveAspectRatio="none" overflow="visible">
|
||||
<rect x="400" width="24" height="48" fill="rgb(204,0,102)"/>
|
||||
<rect x="600" width="24" height="48" fill="#ccc"/>
|
||||
<animate attributeName="preserveAspectRatio" to="xMinYMin" begin="2s" dur="2s" fill="freeze"/>
|
||||
</svg>
|
||||
</g>
|
||||
<rect x="200" width="12" height="12" stroke="black" fill="none"/>
|
||||
<rect x="300" width="12" height="12" stroke="black" fill="none"/>
|
||||
</g>
|
||||
|
||||
<!-- Sub-test 5: spreadMethod on <linearGradient> -->
|
||||
<g transform="translate(0,210)">
|
||||
<text x="30" y="12">spreadMethod</text>
|
||||
<linearGradient id="g1" gradientUnits="objectBoundingBox" x1="1" y1="0" x2="2" y2="0" spreadMethod="reflect">
|
||||
<stop offset="0" stop-color="rgb(204,0,102)" stop-opacity="0"/>
|
||||
<stop offset="0" stop-color="rgb(204,0,102)"/>
|
||||
<stop offset="1" stop-color="rgb(204,0,102)"/>
|
||||
<stop offset="1" stop-color="rgb(204,0,102)" stop-opacity="0"/>
|
||||
<animate attributeName="spreadMethod" to="pad" begin="2s" dur="2s" fill="freeze"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="g2" gradientUnits="objectBoundingBox" x1="1" y1="0" x2="2" y2="0" spreadMethod="reflect">
|
||||
<stop offset="0" stop-color="#ccc" stop-opacity="0"/>
|
||||
<stop offset="0" stop-color="#ccc"/>
|
||||
<stop offset="1" stop-color="#ccc"/>
|
||||
<stop offset="1" stop-color="#ccc" stop-opacity="0"/>
|
||||
<animate attributeName="spreadMethod" to="pad" begin="2s" dur="2s" fill="freeze"/>
|
||||
</linearGradient>
|
||||
<rect x="200" width="12" height="12" fill="#ccc"/>
|
||||
<rect x="300" width="12" height="12" fill="rgb(204,0,102)"/>
|
||||
<rect x="200" width="12" height="12" stroke="black" fill="url(#g1)"/>
|
||||
<rect x="300" width="12" height="12" stroke="black" fill="url(#g2)"/>
|
||||
</g>
|
||||
|
||||
<!-- Sub-test 6: xlink:href on <use> -->
|
||||
<g transform="translate(0,235)">
|
||||
<text x="30" y="12">xlink:href</text>
|
||||
<g display="none">
|
||||
<rect id="r1" width="12" height="12" fill="rgb(204,0,102)" stroke="black"/>
|
||||
<rect id="r2" width="12" height="12" fill="#ccc" stroke="black"/>
|
||||
</g>
|
||||
<use xlink:href="#r1" x="200">
|
||||
<animate attributeName="xlink:href" to="#r2" begin="2s" dur="2s" fill="freeze"/>
|
||||
</use>
|
||||
<use xlink:href="#r2" x="300">
|
||||
<animate attributeName="xlink:href" to="#r1" begin="2s" dur="2s" fill="freeze"/>
|
||||
</use>
|
||||
</g>
|
||||
|
||||
<!-- Sub-test 7: display on <rect> -->
|
||||
<g transform="translate(0,260)">
|
||||
<text x="30" y="12">display</text>
|
||||
<g>
|
||||
<rect x="200" width="12" height="12" fill="rgb(204,0,102)" stroke="black"/>
|
||||
<rect x="300" width="12" height="12" fill="#ccc" stroke="black"/>
|
||||
<animate attributeName="display" to="none" begin="2s" dur="2s" fill="freeze"/>
|
||||
</g>
|
||||
<g display="none">
|
||||
<rect x="200" width="12" height="12" fill="#ccc" stroke="black"/>
|
||||
<rect x="300" width="12" height="12" fill="rgb(204,0,102)" stroke="black"/>
|
||||
<animate attributeName="display" to="inline" begin="2s" dur="2s" fill="freeze"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.1 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,103 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-elem-92-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-elem-92-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-elem-92-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text text-anchor="middle" x="240" y="30" font-size="20">discrete to-animation</text>
|
||||
<g transform="translate(100, 70)">
|
||||
<g transform="translate(80,25)" text-anchor="end" font-size="14">
|
||||
<text>without freezing</text>
|
||||
<text y="55">with freezing</text>
|
||||
<text y="110">with keyTimes</text>
|
||||
</g>
|
||||
|
||||
<g id="timeMarkersText" transform="translate(150, 5)" text-anchor="middle" font-size="14">
|
||||
<text>0s-2s</text>
|
||||
<text y="-16">> 4s</text>
|
||||
<text x="80">2s-4s</text>
|
||||
|
||||
<g transform="translate(0, 55)">
|
||||
<text>0s-2s</text>
|
||||
<text x="80">> 2s</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(0, 110)">
|
||||
<text>0s-2s</text>
|
||||
<text x="80">> 2s</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>
|
||||
<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)">
|
||||
<animate attributeName="x" calcMode="discrete" to="74" dur="4s"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g transform="translate(0, 55)">
|
||||
<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)">
|
||||
<animate attributeName="x" calcMode="discrete" to="74" dur="4s" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
|
||||
<g transform="translate(0, 110)">
|
||||
<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)">
|
||||
<animate attributeName="x" calcMode="discrete" to="74" dur="8s" keyTimes="0; 0.25" fill="freeze"/>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>
|
||||
-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,94 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-interact-events-01-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-interact-events-01-t-manual.svg</h1>
|
||||
<svg 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 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-interact-events-01-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
|
||||
<defs>
|
||||
<!-- SVGElementInstance animates fill on mouseover -->
|
||||
<rect id="rect" width="50" height="50" fill="red">
|
||||
<set attributeName="fill" begin="mouseover" end="mouseout" to="blue"/>
|
||||
</rect>
|
||||
</defs>
|
||||
|
||||
<text x="120" y="20" font-size="15">Shadow tree event listener chain</text>
|
||||
|
||||
<!--basic event dispatch - all rectangles turn blue -->
|
||||
<use fill="red" x="30" y="30" xlink:href="#rect"/>
|
||||
<text x="95" y="45" font-size="12">Case 1: on mouseover all squares must turn blue</text>
|
||||
|
||||
<!-- event bubbling from SVGElementInstance to referencing element -->
|
||||
<!-- all rectangles turn blue and second rectangle displays black stroke -->
|
||||
<use id="use2" fill="red" x="30" y="100" xlink:href="#rect"/>
|
||||
<rect pointer-events="none" x="30" y="100" width="50" height="50" fill="none" stroke-width="5" stroke="none" >
|
||||
<set attributeName="stroke" begin="use2.mouseover" end="use2.mouseout" to="black"/>
|
||||
</rect>
|
||||
<g font-size="12">
|
||||
<text x="95" y="115">Case 2: on mouseover all squares must turn blue</text>
|
||||
<text x="95" y="130">and a black stroke must appear on reference square</text>
|
||||
</g>
|
||||
|
||||
<!-- event bubbling from SVGElementInstance to referencing element ancestors-->
|
||||
<!-- all rectangles turn blue and third rectangle displays black stroke -->
|
||||
<g id="g1">
|
||||
<use fill="red" x="30" y="170" xlink:href="#rect"/>
|
||||
<rect pointer-events="none" x="30" y="170" width="50" height="50" fill="none" stroke-width="5" stroke="none" >
|
||||
<set attributeName="stroke" begin="g1.mouseover" end="g1.mouseout" to="black"/>
|
||||
</rect>
|
||||
</g>
|
||||
<g font-size="12">
|
||||
<text x="95" y="185">Case 3: on mouseover all squares must turn blue</text>
|
||||
<text x="95" y="200">and a black stroke must appear on reference square</text>
|
||||
</g>
|
||||
|
||||
<!--SVGElementInstance is not effected by event listener on referencing element -->
|
||||
<!-- all rectangles turn blue and displays black stroke only on mouse down -->
|
||||
<use id="use3" fill="red" x="30" y="240" xlink:href="#rect"/>
|
||||
<rect pointer-events="none" x="30" y="240" width="50" height="50" fill="none" stroke-width="5" stroke="none" >
|
||||
<set attributeName="stroke" begin="use3.mousedown" end="use3.mouseup" to="black"/>
|
||||
</rect>
|
||||
<g font-size="12">
|
||||
<text x="95" y="255">Case 4: on mouseover all squares must turn blue</text>
|
||||
<text x="95" y="270">and on mousedown a black stroke must appear on reference square</text>
|
||||
</g>
|
||||
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.2 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,265 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-interact-pevents-01-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-interact-pevents-01-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-interact-pevents-01-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g font-family="sans-serif" font-size="40" text-rendering="geometricPrecision">
|
||||
<text x="240" y="40" text-anchor="middle" font-size="20">Test pointer-events on text</text>
|
||||
<g transform="translate(40, -10)">
|
||||
<g id="first-line">
|
||||
<text x="50" y="100">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="80" y="100" pointer-events="visiblePainted">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="110" y="100" pointer-events="visibleFill">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="140" y="100" pointer-events="visibleStroke">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="170" y="100" pointer-events="visible">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="200" y="100" pointer-events="painted">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="230" y="100" pointer-events="fill">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="260" y="100" pointer-events="stroke">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="290" y="100" pointer-events="all">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="320" y="100" pointer-events="none">
|
||||
O
|
||||
<set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
|
||||
<g pointer-events="none">
|
||||
<rect x="50" y="65" height="40" width="270" fill="green" fill-opacity="0.5" visibility="visible"/>
|
||||
|
||||
<rect x="50" y="65" height="40" width="300" fill="none" stroke="black" visibility="visible"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<g id="second-line" transform="translate(0 60)" fill="none" stroke="black">
|
||||
<text x="50" y="100">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="80" y="100" pointer-events="visiblePainted">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="110" y="100" pointer-events="visibleFill">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="140" y="100" pointer-events="visibleStroke">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="170" y="100" pointer-events="visible">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="200" y="100" pointer-events="painted">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="230" y="100" pointer-events="fill">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="260" y="100" pointer-events="stroke">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="290" y="100" pointer-events="all">
|
||||
O
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="320" y="100" pointer-events="none">
|
||||
O
|
||||
<set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
|
||||
<g pointer-events="none">
|
||||
<rect x="50" y="65" height="40" width="270" fill="green" fill-opacity="0.5" visibility="visible" stroke="none"/>
|
||||
|
||||
<rect x="50" y="65" height="40" width="300" fill="none" stroke="black" visibility="visible"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<g id="third-line" transform="translate(0 120)" visibility="hidden">
|
||||
<text x="50" y="100">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="80" y="100" pointer-events="visiblePainted">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="110" y="100" pointer-events="visibleFill">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="140" y="100" pointer-events="visibleStroke">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="170" y="100" pointer-events="visible">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="200" y="100" pointer-events="painted">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="230" y="100" pointer-events="fill">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="260" y="100" pointer-events="stroke">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="290" y="100" pointer-events="all">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="320" y="100" pointer-events="none">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
|
||||
<g pointer-events="none">
|
||||
<rect x="200" y="65" height="40" width="120" fill="green" fill-opacity="0.5" visibility="visible"/>
|
||||
|
||||
<rect x="50" y="65" height="40" width="300" fill="none" stroke="black" visibility="visible"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<g id="fourth-line" transform="translate(0 180)" fill="none" stroke="none">
|
||||
<text x="50" y="100">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="80" y="100" pointer-events="visiblePainted">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="110" y="100" pointer-events="visibleFill">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="140" y="100" pointer-events="visibleStroke">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="170" y="100" pointer-events="visible">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="200" y="100" pointer-events="painted">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="230" y="100" pointer-events="fill">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="260" y="100" pointer-events="stroke">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="290" y="100" pointer-events="all">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="green" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
<text x="320" y="100" pointer-events="none">
|
||||
O
|
||||
<set attributeName="visibility" to="visible" begin="mouseover" dur="indefinite"/>
|
||||
<set attributeName="fill" to="red" begin="mouseover" dur="indefinite"/>
|
||||
</text>
|
||||
|
||||
<g pointer-events="none">
|
||||
<rect x="110" y="65" height="40" width="90" fill="green" fill-opacity="0.5" visibility="visible"/>
|
||||
<rect x="230" y="65" height="40" width="90" fill="green" fill-opacity="0.5" visibility="visible"/>
|
||||
|
||||
<rect x="50" y="65" height="40" width="300" fill="none" stroke="black" visibility="visible"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.3 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,109 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-interact-pevents-02-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-interact-pevents-02-t-manual.svg</h1>
|
||||
<svg 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 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-interact-pevents-02-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
|
||||
<rect x="15" y="15" height="280" width="450" fill="none" stroke="black" stroke-width="0.25"/>
|
||||
<g text-anchor="middle">
|
||||
<text x="240" y="30" fill="black" font-size="15">Testing pointer-events and rendering order</text>
|
||||
<text x="240" y="42" fill="#555" font-size="10">Rectangles should turn RED on mouseover </text>
|
||||
<text x="240" y="54" fill="#555" font-size="10">Ovals should turn RED if Pointer-Events are set to "ALL"</text>
|
||||
</g>
|
||||
<g id="buttons">
|
||||
<g text-anchor="middle" font-size="8" fill="#555" transform="translate(0,10)">
|
||||
<text x="400" y="85">Change "Pointer-Events" of </text>
|
||||
<text x="400" y="95">ovals from "ALL" to "NONE"</text>
|
||||
<circle id="on" cx="385" cy="65" r="10" fill-opacity="1" fill="#3c5" stroke="black" stroke-width="3"/>
|
||||
<circle id="off" cx="415" cy="65" r="10" fill-opacity="1" fill="#f35" stroke="black"/>
|
||||
</g>
|
||||
<g text-anchor="middle" font-size="12" fill="#555">
|
||||
<text id="all" x="240" y="285" fill="#555" visibility="visible">Purple ovals have "Pointer-Events" set to "ALL".</text>
|
||||
<text id="none" x="240" y="285" fill="#555" visibility="hidden">Purple ovals have Pointer-Events set to "NONE".</text>
|
||||
</g>
|
||||
<set xlink:href="#all" attributeName="visibility" to="visible" begin="on.mousedown" fill="freeze"/>
|
||||
<set xlink:href="#all" attributeName="visibility" to="hidden" begin="off.mousedown" fill="freeze"/>
|
||||
<set xlink:href="#none" attributeName="visibility" to="hidden" begin="on.mousedown" fill="freeze"/>
|
||||
<set xlink:href="#none" attributeName="visibility" to="visible" begin="off.mousedown" fill="freeze"/>
|
||||
<set xlink:href="#on" attributeName="stroke-width" to="3" begin="on.mousedown" fill="freeze"/>
|
||||
<set xlink:href="#on" attributeName="stroke-width" to="1" begin="off.mousedown" fill="freeze"/>
|
||||
<set xlink:href="#off" attributeName="stroke-width" to="3" begin="off.mousedown" fill="freeze"/>
|
||||
<set xlink:href="#off" attributeName="stroke-width" to="1" begin="on.mousedown" fill="freeze"/>
|
||||
<set xlink:href="#c10" attributeName="pointer-events" to="all" begin="on.mousedown" fill="freeze"/>
|
||||
<set xlink:href="#c10" attributeName="pointer-events" to="none" begin="off.mousedown" fill="freeze"/>
|
||||
<set xlink:href="#c11" attributeName="pointer-events" to="all" begin="on.mousedown" fill="freeze"/>
|
||||
<set xlink:href="#c11" attributeName="pointer-events" to="none" begin="off.mousedown" fill="freeze"/>
|
||||
<set xlink:href="#c12" attributeName="pointer-events" to="all" begin="on.mousedown" fill="freeze"/>
|
||||
<set xlink:href="#c12" attributeName="pointer-events" to="none" begin="off.mousedown" fill="freeze"/>
|
||||
</g>
|
||||
<g transform="scale(0.75, 0.5) translate(100, 85)">
|
||||
<circle id="c10" cx="160" cy="350" r="100" fill-opacity="1" fill="#53f" stroke="black" pointer-events="all">
|
||||
<set attributeName="fill" to="#F55" begin="c10.mouseover"/>
|
||||
<set attributeName="fill" to="#53f" begin="c10.mouseout"/>
|
||||
</circle>
|
||||
<rect id="r10" x="10" y="50" width="300" height="300" fill-opacity="1" fill="#35f" stroke="black">
|
||||
<set attributeName="fill" to="#F55" begin="r10.mouseover"/>
|
||||
<set attributeName="fill" to="#35f" begin="r10.mouseout"/>
|
||||
</rect>
|
||||
<circle id="c11" cx="310" cy="350" r="90" fill-opacity="1" fill="#75f" stroke="black" pointer-events="all">
|
||||
<set attributeName="fill" to="#F55" begin="c11.mouseover"/>
|
||||
<set attributeName="fill" to="#75f" begin="c11.mouseout"/>
|
||||
</circle>
|
||||
<rect id="r11" x="60" y="100" width="200" height="200" fill-opacity="1" fill="#57f" stroke="black">
|
||||
<set attributeName="fill" to="#F55" begin="r11.mouseover"/>
|
||||
<set attributeName="fill" to="#57f" begin="r11.mouseout"/>
|
||||
</rect>
|
||||
<circle id="c12" cx="310" cy="200" r="75" fill-opacity="1" fill="#97f" stroke="black" pointer-events="all">
|
||||
<set attributeName="fill" to="#F55" begin="c12.mouseover"/>
|
||||
<set attributeName="fill" to="#97f" begin="c12.mouseout"/>
|
||||
</circle>
|
||||
<rect id="r12" x="110" y="150" width="100" height="100" fill-opacity="1" fill="#79f" stroke="black">
|
||||
<set attributeName="fill" to="#F55" begin="r12.mouseover"/>
|
||||
<set attributeName="fill" to="#79f" begin="r12.mouseout"/>
|
||||
</rect>
|
||||
<g id="dasharray-rectangles" stroke-width="0.5" stroke-dasharray="4, 4">
|
||||
<rect id="r-dash10" x="10" y="50" width="300" height="300" fill-opacity="0" fill="none" stroke="black" pointer-events="none"/>
|
||||
<rect id="r-dash11" x="60" y="100" width="200" height="200" fill-opacity="0" fill="none" stroke="black" pointer-events="none"/>
|
||||
<rect id="r-dash12" x="110" y="150" width="100" height="100" fill-opacity="0" fill="none" stroke="black" pointer-events="none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.3 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,189 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-interact-pevents-03-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-interact-pevents-03-t-manual.svg</h1>
|
||||
<svg 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 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-interact-pevents-03-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g text-anchor="middle">
|
||||
<text id="display-title" x="240" y="25" fill="#555" font-size="12">
|
||||
<tspan fill="black" font-size="10">Testing pointer-events</tspan> - pale RED rect should appear on mouseover.
|
||||
</text>
|
||||
<text id="comment-1" x="240" y="37" fill="#555" font-size="10">
|
||||
2nd and 3rd columns represent respectively rects with no fill/stroke and transparent fill/stroke
|
||||
</text>
|
||||
</g>
|
||||
<g transform="translate(0, 5)">
|
||||
<g transform="translate(25, 50)">
|
||||
<rect x="-10" y="-10" width="200" height="50" fill="red" fill-opacity="0">
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r10.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r10.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r11.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r11.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r12.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r12.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r13.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r13.mouseout"/>
|
||||
</rect>
|
||||
<rect id="r10" width="30" height="30" fill="blue" stroke-width="10" stroke="blue" fill-opacity=".3" stroke-opacity=".3"/>
|
||||
<rect x="50" width="30" height="30" fill="black" fill-opacity="0.1" stroke-width="10" stroke="black" stroke-opacity="0.1"/>
|
||||
<rect id="r11" x="50" width="30" height="30" fill="none" stroke-width="10" stroke="none" fill-opacity=".3" stroke-opacity=".3"/>
|
||||
<rect x="100" width="30" height="30" fill="blue" fill-opacity="0.1" stroke-width="10" stroke="blue" stroke-opacity="0.1"/>
|
||||
<rect id="r12" x="100" width="30" height="30" fill="blue" stroke-width="10" stroke="blue" fill-opacity="0" stroke-opacity="0"/>
|
||||
<rect x="145" y="-5" width="40" height="40" fill="none" stroke-width="1" stroke="black" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect x="150" width="30" height="30" fill="none" stroke-width="1" stroke="black" stroke-dasharray="1,1"/>
|
||||
<rect x="155" y="5" width="20" height="20" fill="none" stroke-width="1" stroke="black" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect id="r13" x="150" width="30" height="30" fill="black" stroke-width="10" stroke="black" visibility="hidden"/>
|
||||
<g font-size="12">
|
||||
<text x="200" y="15">default : </text>
|
||||
<text x="200" y="30" fill="#777">fill and stroke of rects 1 and 3 must trigger</text>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="translate(25, 100)">
|
||||
<rect x="-10" y="-10" width="200" height="50" fill="red" fill-opacity="0">
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r20.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r20.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r21.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r21.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r22.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r22.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r23.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r23.mouseout"/>
|
||||
</rect>
|
||||
<rect id="r20" width="30" height="30" fill="blue" stroke-width="10" stroke="blue" fill-opacity=".3" stroke-opacity=".3" pointer-events="visiblePainted"/>
|
||||
<rect x="50" width="30" height="30" fill="black" fill-opacity="0.1" stroke-width="10" stroke="black" stroke-opacity="0.1"/>
|
||||
<rect id="r21" x="50" width="30" height="30" fill="none" stroke-width="10" stroke="none" fill-opacity=".3" stroke-opacity=".3" pointer-events="visiblePainted"/>
|
||||
<rect x="100" width="30" height="30" fill="blue" fill-opacity="0.1" stroke-width="10" stroke="blue" stroke-opacity="0.1"/>
|
||||
<rect id="r22" x="100" width="30" height="30" fill="blue" stroke-width="10" stroke="blue" fill-opacity="0" stroke-opacity="0" pointer-events="visiblePainted"/>
|
||||
<rect x="145" y="-5" width="40" height="40" fill="none" stroke-width="1" stroke="black" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect x="150" width="30" height="30" fill="none" stroke-width="1" stroke="black" stroke-dasharray="1,1"/>
|
||||
<rect x="155" y="5" width="20" height="20" fill="none" stroke-width="1" stroke="black" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect id="r23" x="150" width="30" height="30" fill="black" stroke-width="10" stroke="black" visibility="hidden" pointer-events="visiblePainted"/>
|
||||
<g font-size="12">
|
||||
<text x="200" y="15">visiblePainted : </text>
|
||||
<text x="200" y="30" fill="#777">fill and stroke of rects 1 and 3 must trigger</text>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="translate(25, 150)">
|
||||
<rect x="-10" y="-10" width="200" height="50" fill="red" fill-opacity="0">
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r30.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r30.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r31.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r31.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r32.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r32.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r33.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r33.mouseout"/>
|
||||
</rect>
|
||||
<rect id="r30" width="30" height="30" fill="blue" stroke-width="10" stroke="black" fill-opacity=".3" stroke-opacity=".3" pointer-events="visibleFill"/>
|
||||
|
||||
<rect x="50" width="30" height="30" fill="blue" fill-opacity="0.1" stroke-width="10" stroke="black" stroke-opacity="0.1"/>
|
||||
<rect id="r31" x="50" width="30" height="30" fill="none" stroke-width="10" stroke="none" fill-opacity=".3" stroke-opacity=".3" pointer-events="visibleFill"/>
|
||||
|
||||
<rect x="100" width="30" height="30" fill="blue" fill-opacity="0.1" stroke-width="10" stroke="black" stroke-opacity="0.1"/>
|
||||
<rect id="r32" x="100" width="30" height="30" fill="blue" stroke-width="10" stroke="black" fill-opacity="0" stroke-opacity="0" pointer-events="visibleFill"/>
|
||||
|
||||
<rect x="145" y="-5" width="40" height="40" fill="none" stroke-width="1" stroke="black" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect x="150" width="30" height="30" fill="none" stroke-width="1" stroke="black" stroke-dasharray="1,1"/>
|
||||
<rect x="155" y="5" width="20" height="20" fill="none" stroke-width="1" stroke="black" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect id="r33" x="150" width="30" height="30" fill="black" stroke-width="10" stroke="black" visibility="hidden" pointer-events="visibleFill"/>
|
||||
<g font-size="12">
|
||||
<text x="200" y="15">visibleFill : </text>
|
||||
<text x="200" y="30" fill="#777">only fill of rects 1, 2 and 3 must trigger</text>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="translate(25, 200)">
|
||||
<rect x="-10" y="-10" width="200" height="50" fill="red" fill-opacity="0">
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r40.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r40.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r41.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r41.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r42.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r42.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r43.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r43.mouseout"/>
|
||||
</rect>
|
||||
<rect id="r40" width="30" height="30" fill="black" stroke-width="10" stroke="blue" fill-opacity=".3" stroke-opacity=".3" pointer-events="visibleStroke"/>
|
||||
|
||||
<rect x="50" width="30" height="30" fill="black" fill-opacity="0.1" stroke-width="10" stroke="blue" stroke-opacity="0.1"/>
|
||||
<rect id="r41" x="50" width="30" height="30" fill="none" stroke-width="10" stroke="none" fill-opacity=".3" stroke-opacity=".3" pointer-events="visibleStroke"/>
|
||||
|
||||
<rect x="100" width="30" height="30" fill="black" fill-opacity="0.1" stroke-width="10" stroke="blue" stroke-opacity="0.1"/>
|
||||
<rect id="r42" x="100" width="30" height="30" fill="black" stroke-width="10" stroke="blue" fill-opacity="0" stroke-opacity="0" pointer-events="visibleStroke"/>
|
||||
|
||||
<rect x="145" y="-5" width="40" height="40" fill="none" stroke-width="1" stroke="black" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect x="150" width="30" height="30" fill="none" stroke-width="1" stroke="black" stroke-dasharray="1,1"/>
|
||||
<rect x="155" y="5" width="20" height="20" fill="none" stroke-width="1" stroke="black" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect id="r43" x="150" width="30" height="30" fill="black" stroke-width="10" stroke="black" visibility="hidden" pointer-events="visibleStroke"/>
|
||||
<g font-size="12">
|
||||
<text x="200" y="15">visibleStroke : </text>
|
||||
<text x="200" y="30" fill="#777">only stroke of rects 1, 2 and 3 must trigger</text>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="translate(25, 250)">
|
||||
<rect x="-10" y="-10" width="200" height="50" fill="red" fill-opacity="0">
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r50.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r50.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r51.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r51.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r52.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r52.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r53.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r53.mouseout"/>
|
||||
</rect>
|
||||
<rect id="r50" width="30" height="30" fill="blue" stroke-width="10" stroke="blue" fill-opacity=".3" stroke-opacity=".3" pointer-events="visible"/>
|
||||
|
||||
<rect x="50" width="30" height="30" fill="blue" fill-opacity="0.1" stroke-width="10" stroke="blue" stroke-opacity="0.1"/>
|
||||
<rect id="r51" x="50" width="30" height="30" fill="none" stroke-width="10" stroke="none" fill-opacity=".3" stroke-opacity=".3" pointer-events="visible"/>
|
||||
|
||||
<rect x="100" width="30" height="30" fill="blue" fill-opacity="0.1" stroke-width="10" stroke="blue" stroke-opacity="0.1"/>
|
||||
<rect id="r52" x="100" width="30" height="30" fill="blue" stroke-width="10" stroke="blue" fill-opacity="0" stroke-opacity="0" pointer-events="visible"/>
|
||||
|
||||
<rect x="145" y="-5" width="40" height="40" fill="none" stroke-width="1" stroke="black" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect x="150" width="30" height="30" fill="none" stroke-width="1" stroke="black" stroke-dasharray="1,1"/>
|
||||
<rect x="155" y="5" width="20" height="20" fill="none" stroke-width="1" stroke="black" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect id="r53" x="150" width="30" height="30" fill="black" stroke-width="10" stroke="black" visibility="hidden" pointer-events="visible"/>
|
||||
<g font-size="12">
|
||||
<text x="200" y="15">visible : </text>
|
||||
<text x="200" y="30" fill="#777">fill and stroke of rects 1, 2 and 3 must trigger</text>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.2 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g> -->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,180 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-interact-pevents-04-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-interact-pevents-04-t-manual.svg</h1>
|
||||
<svg 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 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-interact-pevents-04-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g text-anchor="middle">
|
||||
<text id="display-title" x="240" y="25" fill="#555" font-size="12">
|
||||
<tspan fill="black" font-size="10">Testing pointer-events</tspan> - pale RED rect should appear on mouseover.
|
||||
</text>
|
||||
<text id="comment-1" x="240" y="37" fill="#555" font-size="10">
|
||||
2nd and 3rd columns represent respectively rects with no fill/stroke and transparent fill/stroke
|
||||
</text>
|
||||
</g>
|
||||
<g transform="translate(0, 5)">
|
||||
<g transform="translate(25, 50)">
|
||||
<rect x="-10" y="-10" width="200" height="50" fill="red" fill-opacity="0">
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r60.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r60.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r61.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r61.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r62.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r62.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r63.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r63.mouseout"/>
|
||||
</rect>
|
||||
<rect id="r60" width="30" height="30" fill="blue" stroke-width="10" stroke="blue" fill-opacity=".3" stroke-opacity=".3" pointer-events="painted"/>
|
||||
<rect x="50" width="30" height="30" fill="black" fill-opacity="0.1" stroke-width="10" stroke="black" stroke-opacity="0.1"/>
|
||||
<rect id="r61" x="50" width="30" height="30" fill="none" stroke-width="10" stroke="none" fill-opacity=".3" stroke-opacity=".3" pointer-events="painted"/>
|
||||
<rect x="100" width="30" height="30" fill="blue" fill-opacity="0.1" stroke-width="10" stroke="blue" stroke-opacity="0.1"/>
|
||||
<rect id="r62" x="100" width="30" height="30" fill="blue" stroke-width="10" stroke="blue" fill-opacity="0" stroke-opacity="0" pointer-events="painted"/>
|
||||
<rect x="145" y="-5" width="40" height="40" fill="none" stroke-width="1" stroke="blue" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect x="150" width="30" height="30" fill="none" stroke-width="1" stroke="blue" stroke-dasharray="1,1"/>
|
||||
<rect x="155" y="5" width="20" height="20" fill="none" stroke-width="1" stroke="blue" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect id="r63" x="150" width="30" height="30" fill="blue" stroke-width="10" stroke="blue" visibility="hidden" pointer-events="painted"/>
|
||||
<g font-size="12">
|
||||
<text x="200" y="15">painted : </text>
|
||||
<text x="200" y="30" fill="#777">fill and stroke of rects 1, 3 and 4 must trigger</text>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="translate(25, 100)">
|
||||
<rect x="-10" y="-10" width="200" height="50" fill="red" fill-opacity="0">
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r70.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r70.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r71.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r71.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r72.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r72.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r73.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r73.mouseout"/>
|
||||
</rect>
|
||||
<rect id="r70" width="30" height="30" fill="blue" stroke-width="10" stroke="black" fill-opacity=".3" stroke-opacity=".3" pointer-events="fill"/>
|
||||
<rect x="50" width="30" height="30" fill="blue" fill-opacity="0.1" stroke-width="10" stroke="black" stroke-opacity="0.1"/>
|
||||
<rect id="r71" x="50" width="30" height="30" fill="none" stroke-width="10" stroke="none" fill-opacity=".3" stroke-opacity=".3" pointer-events="fill"/>
|
||||
<rect x="100" width="30" height="30" fill="blue" fill-opacity="0.1" stroke-width="10" stroke="black" stroke-opacity="0.1"/>
|
||||
<rect id="r72" x="100" width="30" height="30" fill="blue" stroke-width="10" stroke="black" fill-opacity="0" stroke-opacity="0" pointer-events="fill"/>
|
||||
<rect x="145" y="-5" width="40" height="40" fill="none" stroke-width="1" stroke="black" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect x="150" width="30" height="30" fill="none" stroke-width="1" stroke="black" stroke-dasharray="1,1"/>
|
||||
<rect x="155" y="5" width="20" height="20" fill="none" stroke-width="1" stroke="black" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect id="r73" x="150" width="30" height="30" fill="blue" stroke-width="10" stroke="black" visibility="hidden" pointer-events="fill"/>
|
||||
<g font-size="12">
|
||||
<text x="200" y="15">fill : </text>
|
||||
<text x="200" y="30" fill="#777">fill of rects 1 to 4 must trigger</text>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="translate(25, 150)">
|
||||
<rect x="-10" y="-10" width="200" height="50" fill="red" fill-opacity="0">
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r80.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r80.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r81.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r81.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r82.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r82.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r83.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r83.mouseout"/>
|
||||
</rect>
|
||||
<rect id="r80" width="30" height="30" fill="black" stroke-width="10" stroke="blue" fill-opacity=".3" stroke-opacity=".3" pointer-events="stroke"/>
|
||||
<rect x="50" width="30" height="30" fill="black" fill-opacity="0.1" stroke-width="10" stroke="blue" stroke-opacity="0.1"/>
|
||||
<rect id="r81" x="50" width="30" height="30" fill="none" stroke-width="10" stroke="none" fill-opacity=".3" stroke-opacity=".3" pointer-events="stroke"/>
|
||||
<rect x="100" width="30" height="30" fill="black" fill-opacity="0.1" stroke-width="10" stroke="blue" stroke-opacity="0.1"/>
|
||||
<rect id="r82" x="100" width="30" height="30" fill="black" stroke-width="10" stroke="blue" fill-opacity="0" stroke-opacity="0" pointer-events="stroke"/>
|
||||
<rect x="145" y="-5" width="40" height="40" fill="none" stroke-width="1" stroke="blue" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect x="150" width="30" height="30" fill="none" stroke-width="1" stroke="blue" stroke-dasharray="1,1"/>
|
||||
<rect x="155" y="5" width="20" height="20" fill="none" stroke-width="1" stroke="blue" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect id="r83" x="150" width="30" height="30" fill="black" stroke-width="10" stroke="blue" visibility="hidden" pointer-events="stroke"/>
|
||||
<g font-size="12">
|
||||
<text x="200" y="15">stroke : </text>
|
||||
<text x="200" y="30" fill="#777">stroke of rects 1 to 4 must trigger</text>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="translate(25, 200)">
|
||||
<rect x="-10" y="-10" width="200" height="50" fill="red" fill-opacity="0">
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r90.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r90.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r91.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r91.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r92.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r92.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r93.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r93.mouseout"/>
|
||||
</rect>
|
||||
<rect id="r90" width="30" height="30" fill="blue" stroke-width="10" stroke="blue" fill-opacity=".3" stroke-opacity=".3" pointer-events="all"/>
|
||||
<rect x="50" width="30" height="30" fill="blue" fill-opacity="0.1" stroke-width="10" stroke="blue" stroke-opacity="0.1"/>
|
||||
<rect id="r91" x="50" width="30" height="30" fill="none" stroke-width="10" stroke="none" fill-opacity=".3" stroke-opacity=".3" pointer-events="all"/>
|
||||
<rect x="100" width="30" height="30" fill="blue" fill-opacity="0.1" stroke-width="10" stroke="blue" stroke-opacity="0.1"/>
|
||||
<rect id="r92" x="100" width="30" height="30" fill="blue" stroke-width="10" stroke="blue" fill-opacity="0" stroke-opacity="0" pointer-events="all"/>
|
||||
<rect x="145" y="-5" width="40" height="40" fill="none" stroke-width="1" stroke="blue" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect x="150" width="30" height="30" fill="none" stroke-width="1" stroke="blue" stroke-dasharray="1,1"/>
|
||||
<rect x="155" y="5" width="20" height="20" fill="none" stroke-width="1" stroke="blue" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect id="r93" x="150" width="30" height="30" fill="blue" stroke-width="10" stroke="blue" visibility="hidden" pointer-events="all"/>
|
||||
<g font-size="12">
|
||||
<text x="200" y="15">all : </text>
|
||||
<text x="200" y="30" fill="#777">stroke and fill of rects 1 to 4 must trigger</text>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="translate(25, 250)">
|
||||
<rect x="-10" y="-10" width="200" height="50" fill="red" fill-opacity="0">
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r00.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r00.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r01.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r01.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r02.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r02.mouseout"/>
|
||||
<set attributeName="fill-opacity" to="0.4" begin="r03.mouseover"/>
|
||||
<set attributeName="fill-opacity" to="0" begin="r03.mouseout"/>
|
||||
</rect>
|
||||
<rect id="r00" width="30" height="30" fill="black" stroke-width="10" stroke="black" fill-opacity=".3" stroke-opacity=".3" pointer-events="none"/>
|
||||
<rect x="50" width="30" height="30" fill="black" fill-opacity="0.1" stroke-width="10" stroke="black" stroke-opacity="0.1"/>
|
||||
<rect id="r01" x="50" width="30" height="30" fill="none" stroke-width="10" stroke="none" fill-opacity=".3" stroke-opacity=".3" pointer-events="none"/>
|
||||
<rect x="100" width="30" height="30" fill="black" fill-opacity="0.1" stroke-width="10" stroke="black" stroke-opacity="0.1"/>
|
||||
<rect id="r02" x="100" width="30" height="30" fill="black" stroke-width="10" stroke="black" fill-opacity="0" stroke-opacity="0" pointer-events="none"/>
|
||||
<rect x="145" y="-5" width="40" height="40" fill="none" stroke-width="1" stroke="black" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect x="150" width="30" height="30" fill="none" stroke-width="1" stroke="black" stroke-dasharray="1,1"/>
|
||||
<rect x="155" y="5" width="20" height="20" fill="none" stroke-width="1" stroke="black" stroke-dasharray="3,3" stroke-opacity=".5"/>
|
||||
<rect id="r03" x="150" width="30" height="30" fill="black" stroke-width="10" stroke="black" visibility="hidden" pointer-events="none"/>
|
||||
<g font-size="12">
|
||||
<text x="200" y="15">none : </text>
|
||||
<text x="200" y="30" fill="#777">nothing is to trigger</text>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.2 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g> -->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,88 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-pservers-grad-01-b-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-pservers-grad-01-b-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-pservers-grad-01-b.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<defs>
|
||||
<g id="g0" stop-color="yellow" stop-opacity="0" color="yellow">
|
||||
<animateColor id="a1" attributeName="stop-color" from="red" to="green" dur="5" fill="freeze"/>
|
||||
<animateColor id="a2" attributeName="color" from="yellow" to="green" dur="5" fill="freeze"/>
|
||||
<animate id="a3" attributeName="stop-opacity" from="0.5" to="1" dur="5" fill="freeze"/>
|
||||
|
||||
<linearGradient id="MyGradient1" stop-color="inherit">
|
||||
<stop offset="0" stop-color="green" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="inherit" stop-opacity="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="MyGradient2" stop-opacity="inherit">
|
||||
<stop offset="0" stop-color="green" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="green" stop-opacity="inherit"/>
|
||||
</linearGradient>
|
||||
|
||||
<g id="g01">
|
||||
<linearGradient id="MyGradient3">
|
||||
<stop offset="0" stop-color="green" stop-opacity="1"/>
|
||||
<stop offset="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="MyGradient4">
|
||||
<stop offset="0" stop-color="green" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="currentColor" stop-opacity="1"/>
|
||||
</linearGradient>
|
||||
</g>
|
||||
</g>
|
||||
</defs>
|
||||
<g id="g1" stop-color="blue">
|
||||
<animateColor id="a4" attributeName="stop-color" from="blue" to="red" dur="5" fill="freeze"/>
|
||||
<rect id="r1" fill="url(#MyGradient1)" width="100" height="100" x="50" y="50"/>
|
||||
</g>
|
||||
<g id="g2" stop-opacity="1">
|
||||
<animate id="a5" attributeName="stop-opacity" from="1" to="0" dur="5" fill="freeze"/>
|
||||
<rect id="r2" fill="url(#MyGradient2)" width="100" height="100" x="200" y="50"/>
|
||||
</g>
|
||||
<g id="g3" stop-opacity="1" stop-color="blue">
|
||||
<animateColor id="a6" attributeName="stop-color" from="blue" to="red" dur="5" fill="freeze"/>
|
||||
<animate id="a7" attributeName="stop-opacity" from="1" to="0" dur="5" fill="freeze"/>
|
||||
<rect id="r3" fill="url(#MyGradient3)" width="100" height="100" x="50" y="200"/>
|
||||
</g>
|
||||
<g id="g4" color="blue">
|
||||
<animateColor id="a7" attributeName="color" from="blue" to="red" dur="5" fill="freeze"/>
|
||||
<rect id="r4" fill="url(#MyGradient4)" width="100" height="100" x="200" y="200"/>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.2 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-script-elem-01-b-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-script-elem-01-b-manual.svg</h1>
|
||||
<svg 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 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-script-elem-01-b.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
|
||||
<text x='10' y='30'>Test that <script xlink:href=""> is not animatable</text>
|
||||
|
||||
<g>
|
||||
<rect id='r1' x='10' y='50' width='30' height='30' fill='black'/>
|
||||
<rect id='r2' x='10' y='90' width='30' height='30' fill='green'/>
|
||||
<g font-size='15'>
|
||||
<text x='50' y='70'>Test script.href.animVal does not change</text>
|
||||
<text x='50' y='110'>Test animating xlink:href="" does not load a script</text>
|
||||
</g>
|
||||
|
||||
<script id='s' xlink:href='../images/empty.js'/>
|
||||
<script>
|
||||
function f() {
|
||||
document.getElementById('r2').setAttribute('fill', 'red');
|
||||
}
|
||||
|
||||
function g() {
|
||||
document.getElementById('r1').setAttribute('fill', document.getElementById('s').href.animVal.indexOf('empty') >= 0 ? 'green' : 'red');
|
||||
}
|
||||
</script>
|
||||
<set xlink:href='#s' attributeName='xlink:href' to='../images/f.js' dur='100s'/>
|
||||
<set attributeName='visibility' to='hidden' dur='1s' onend='g()'/>
|
||||
</g>
|
||||
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.1 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved --><!--
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>animate-struct-dom-01-b-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: animate-struct-dom-01-b-manual.svg</h1>
|
||||
<svg 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 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: animate-struct-dom-01-b.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
|
||||
<text x='10' y='30'>Test getCurrentTime() and setCurrentTime() before timeline begin</text>
|
||||
<rect id='r' x='10' y='50' width='50' height='50' fill='red'/>
|
||||
<rect x='210' y='50' width='50' height='50' fill='red'>
|
||||
<set attributeName='fill' to='green' begin='36000'/> <!-- 10h -->
|
||||
<set attributeName='fill' to='red' begin='72000'/> <!-- 20h -->
|
||||
</rect>
|
||||
|
||||
<g font-size='15'>
|
||||
<text x='10' y='120'>getCurrentTime</text>
|
||||
<text x='210' y='120'>setCurrentTime</text>
|
||||
</g>
|
||||
|
||||
<script>
|
||||
try {
|
||||
document.documentElement.setCurrentTime(90000); // 25h
|
||||
document.documentElement.setCurrentTime(54000); // 15h
|
||||
} catch (e) {
|
||||
}
|
||||
|
||||
try {
|
||||
if (document.documentElement.getCurrentTime() == 0) {
|
||||
document.getElementById('r').setAttribute('fill', 'green');
|
||||
}
|
||||
} catch (e) {
|
||||
}
|
||||
</script>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.2 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>
|
||||
-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>color-prof-01-f-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: color-prof-01-f-manual.svg</h1>
|
||||
<svg version="1.1" baseProfile="full" 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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: color-prof-01-f.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<defs>
|
||||
<color-profile id="changeColor" name="changeColor" xlink:href="../images/changeColor.ICM"/>
|
||||
</defs>
|
||||
<g>
|
||||
<image id="image1PNG" x="30" y="0" width="190" height="190" xlink:href="../images/colorprof.png"/>
|
||||
</g>
|
||||
<g>
|
||||
<image color-profile="changeColor" id="image2" x="260" y="90" width="190" height="190" xlink:href="../images/colorprof.png"/>
|
||||
</g>
|
||||
<text font-family="Arial" font-size="12" x="250" y="20">
|
||||
Basic test of ICC profile with an image.
|
||||
</text>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.9 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,69 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>color-prop-01-b-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: color-prop-01-b-manual.svg</h1>
|
||||
<svg version="1.1" baseProfile="basic" 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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: color-prop-01-b.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<defs>
|
||||
<linearGradient id="grad" color="green">
|
||||
<stop offset="5%" stop-color="#60F"/>
|
||||
<stop offset="50%" stop-color="currentColor"/>
|
||||
<stop offset="95%" stop-color="#FF6"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g color="green">
|
||||
<g color="inherit" fill="none" stroke="none">
|
||||
<!-- inherit to check the property value, not the string, is being used -->
|
||||
<circle cx="130" cy="80" r="60" fill="currentColor"/>
|
||||
<circle cx="350" cy="80" r="60" stroke="currentColor" stroke-width="4"/>
|
||||
</g>
|
||||
</g>
|
||||
<g color="blue">
|
||||
<g color="inherit" fill="none" stroke="none">
|
||||
<!-- blue color used to check color being scoped and inherited correctly -->
|
||||
<rect x="60" y="215" width="360" height="80" fill="url(#grad)"/>
|
||||
</g>
|
||||
</g>
|
||||
<g font-size="30" fill="black">
|
||||
<text x="120" y="170">fill</text>
|
||||
<text x="310" y="170">stroke</text>
|
||||
<text x="180" y="205">stop-color</text>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.8 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,99 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>color-prop-02-f-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: color-prop-02-f-manual.svg</h1>
|
||||
<svg version="1.1" baseProfile="full" 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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: color-prop-02-f.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<!-- groups of five colors -->
|
||||
<g>
|
||||
<circle cx="75" cy="40" r="20" fill="crimson"/>
|
||||
<circle cx="115" cy="40" r="20" fill="#DC143C"/>
|
||||
<circle cx="75" cy="80" r="20" fill="rgb(220,20,60)"/>
|
||||
<circle cx="115" cy="80" r="20" fill="rgb(86.274509803921568627450980392157%,7.8431372549019607843137254901961%,23.529411764705882352941176470588%)"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle cx="200" cy="40" r="20" fill="palegreen"/>
|
||||
<circle cx="240" cy="40" r="20" fill="#98FB98"/>
|
||||
<circle cx="200" cy="80" r="20" fill="rgb(152, 251, 152)"/>
|
||||
<circle cx="240" cy="80" r="20" fill="rgb(59.60784313725490196078431372549%,98.431372549019607843137254901961%,59.60784313725490196078431372549%)"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle cx="325" cy="40" r="20" fill="royalblue"/>
|
||||
<circle cx="365" cy="40" r="20" fill="#4169E1"/>
|
||||
<circle cx="325" cy="80" r="20" fill="rgb(65, 105, 225)"/>
|
||||
<circle cx="365" cy="80" r="20" fill="rgb(25.490196078431372549019607843137%,41.176470588235294117647058823529%,88.235294117647058823529411764706%)"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle cx="75" cy="135" r="20" fill="firebrick"/>
|
||||
<circle cx="115" cy="135" r="20" fill="#B22222"/>
|
||||
<circle cx="75" cy="175" r="20" fill="rgb(178,34,34)"/>
|
||||
<circle cx="115" cy="175" r="20" fill="rgb(69.803921568627450980392156862745%,13.333333333333333333333333333333%,13.333333333333333333333333333333%)"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle cx="200" cy="135" r="20" fill="seagreen"/>
|
||||
<circle cx="240" cy="135" r="20" fill="#2E8B57"/>
|
||||
<circle cx="200" cy="175" r="20" fill="rgb(46, 139, 87)"/>
|
||||
<circle cx="240" cy="175" r="20" fill="rgb(18.039215686274509803921568627451%,54.509803921568627450980392156863%,34.117647058823529411764705882353%)"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle cx="325" cy="135" r="20" fill="mediumblue"/>
|
||||
<circle cx="365" cy="135" r="20" fill="#0000CD"/>
|
||||
<circle cx="325" cy="175" r="20" fill="rgb(0, 0, 205)"/>
|
||||
<circle cx="365" cy="175" r="20" fill="rgb(0%,0%,80.39215686274509803921568627451%)"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle cx="75" cy="230" r="20" fill="indianred"/>
|
||||
<circle cx="115" cy="230" r="20" fill="#CD5C5C"/>
|
||||
<circle cx="75" cy="270" r="20" fill="rgb(205, 92, 92)"/>
|
||||
<circle cx="115" cy="270" r="20" fill="rgb(80.39215686274509803921568627451%,36.078431372549019607843137254902%,36.078431372549019607843137254902%)"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle cx="200" cy="230" r="20" fill="lawngreen"/>
|
||||
<circle cx="240" cy="230" r="20" fill="#7CFC00"/>
|
||||
<circle cx="200" cy="270" r="20" fill="rgb(124, 252, 0)"/>
|
||||
<circle cx="240" cy="270" r="20" fill="rgb(48.627450980392156862745098039216%,98.823529411764705882352941176471%,0%)"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle cx="325" cy="230" r="20" fill="mediumturquoise"/>
|
||||
<circle cx="365" cy="230" r="20" fill="#48D1CC"/>
|
||||
<circle cx="325" cy="270" r="20" fill="rgb(72, 209, 204)"/>
|
||||
<circle cx="365" cy="270" r="20" fill="rgb(28.235294117647058823529411764706%,81.960784313725490196078431372549%,80%)"/>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.9 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,88 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>color-prop-03-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: color-prop-03-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: color-prop-03-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<!-- groups of five colors -->
|
||||
<g>
|
||||
<circle cx="75" cy="40" r="20" fill="#f00"/>
|
||||
<circle cx="115" cy="40" r="20" fill="#ff0000"/>
|
||||
<circle cx="75" cy="80" r="20" fill="rgb(255,0,0)"/>
|
||||
<circle cx="115" cy="80" r="20" fill="rgb(100%,0%,0%)"/>
|
||||
<polygon points="95,40 115,60 95,80 75,60" fill="red"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle cx="200" cy="40" r="20" fill="#0f0"/>
|
||||
<circle cx="240" cy="40" r="20" fill="#00ff00"/>
|
||||
<circle cx="200" cy="80" r="20" fill="rgb(0,255,0)"/>
|
||||
<circle cx="240" cy="80" r="20" fill="rgb(0%,100%,0%)"/>
|
||||
<!-- 'lime' (full intensity green) NOT 'green' (half intensity green) -->
|
||||
<polygon points="220,40 240,60 220,80 200,60" fill="lime"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle cx="325" cy="40" r="20" fill="#00f"/>
|
||||
<circle cx="365" cy="40" r="20" fill="#0000ff"/>
|
||||
<circle cx="325" cy="80" r="20" fill="rgb(0,0,255)"/>
|
||||
<circle cx="365" cy="80" r="20" fill="rgb(0%,0%,100%)"/>
|
||||
<polygon points="345,40 365,60 345,80 325,60" fill="blue"/>
|
||||
</g>
|
||||
<!-- no names for three digit colors except for 00 and ff -->
|
||||
<!-- 11=17 22=34 33=51 44=68 55=85 66=102 77=119
|
||||
88=136 99=153 aa=170 bb=187 cc=204 dd=221 ee=238 -->
|
||||
<g>
|
||||
<circle cx="75" cy="135" r="20" fill="#a01"/>
|
||||
<circle cx="115" cy="135" r="20" fill="#aa0011"/>
|
||||
<circle cx="75" cy="175" r="20" fill="rgb(170,0,17)"/>
|
||||
<circle cx="115" cy="175" r="20" fill="rgb(66.667%,0%,6.667%)"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle cx="200" cy="135" r="20" fill="#3b3"/>
|
||||
<circle cx="240" cy="135" r="20" fill="#33bb33"/>
|
||||
<circle cx="200" cy="175" r="20" fill="rgb(51,187,51)"/>
|
||||
<circle cx="240" cy="175" r="20" fill="rgb(20%,73.333%,20%)"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle cx="325" cy="135" r="20" fill="#57e"/>
|
||||
<circle cx="365" cy="135" r="20" fill="#5577ee"/>
|
||||
<circle cx="325" cy="175" r="20" fill="rgb(85,119,238)"/>
|
||||
<circle cx="365" cy="175" r="20" fill="rgb(33.333%,46.666%,93.333%)"/>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.9 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>color-prop-04-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: color-prop-04-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: color-prop-04-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g id="Scene_1" transform="translate(240, 180)">
|
||||
<rect x="-230" y="-170" width="460" height="300" fill="Background"/>
|
||||
<rect x="-220" y="-160" width="440" height="280" fill="AppWorkspace"/>
|
||||
<rect x="-152" y="-108" width="317" height="221" fill="Window"/>
|
||||
<rect x="-152" y="-108" width="317" height="221" fill="none" stroke-width="3" stroke="WindowFrame"/>
|
||||
<g id="contents" font-size="12" fill="WindowText">
|
||||
<text x="-148" y="0">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </text>
|
||||
<text x="-148" y="20">Vestibulum pulvinar. Duis laoreet, nunc vitae facilisis </text>
|
||||
<text x="-148" y="40">tristique, pede sem iaculis mi, non consectetuer lorem </text>
|
||||
<text x="-148" y="60">libero et est. Donec imperdiet purus sed odio. Duis </text>
|
||||
<text x="-148" y="80">venenatis tortor eu lectus. Suspendisse sed metus at </text>
|
||||
<text x="-148" y="100">metus viverra ultricies. Mauris porttitor, justo a vulputate</text>
|
||||
</g>
|
||||
<g id="dropdown" transform="translate(2,0)">
|
||||
<rect x="-150" y="-107" width="118" height="190" fill="ThreeDFace" id="drop-bg"/>
|
||||
<rect x="-143" y="0" width="102" height="34" fill="Menu"/>
|
||||
<text x="-138" y="24" font-size="20" font-weight="bold" fill="MenuText">Load</text>
|
||||
<rect x="-143" y="40" width="102" height="34" fill="Menu"/>
|
||||
<text x="-138" y="64" font-size="20" font-weight="bold" fill="MenuText">Save</text>
|
||||
<path d="M-149 83 h114 v-94" stroke-width="4" stroke="ThreeDDarkShadow" fill="none"/>
|
||||
<path d="M-149 83 v-94 h114" stroke-width="4" stroke="ThreeDLightShadow" fill="none"/>
|
||||
</g>
|
||||
<g id="menubar">
|
||||
<rect x="-148" y="-62" width="310" height="46" fill="ThreeDLightShadow"/>
|
||||
<path d="M152 -52 l 10 -10 v 46 h -311 l10-10 z" fill="ThreeDDarkShadow"/>
|
||||
<rect x="-144" y="-58" width="302" height="37" fill="ThreeDFace"/>
|
||||
<text x="-141" y="-32" font-size="20" font-weight="bold" fill="HighlightText">File</text>
|
||||
<text x="-90" y="-32" font-size="20" font-weight="bold" fill="MenuText">Edit</text>
|
||||
</g>
|
||||
<g id="windowdecoration">
|
||||
<rect x="-149" y="-106" width="311" height="42" fill="ActiveCaption" stroke-width="4" stroke="ActiveBorder" id="windowbar"/>
|
||||
<text x="5" y="-78" text-anchor="middle" font-size="24" font-weight="bold" fill="CaptionText">Lorem</text>
|
||||
<g id="button">
|
||||
<rect x="120" y="-99" rx="8" width="26" height="26" fill="ButtonFace"/>
|
||||
<rect x="120" y="-99" rx="8" width="24" height="24" fill="ButtonHighlight"/>
|
||||
<rect x="122" y="-97" rx="8" width="24" height="24" fill="ButtonShadow"/>
|
||||
<rect x="122" y="-97" rx="8" width="22" height="22" fill="ButtonFace"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>color-prop-05-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: color-prop-05-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: color-prop-05-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g fill="currentColor" color="lime">
|
||||
<rect x="120" y="60" width="150" height="150" color="red"/>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.8 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,64 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>conform-viewers-02-f-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: conform-viewers-02-f-manual.svg</h1>
|
||||
<svg 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 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: conform-viewers-02-f.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<text x="240" y="40" text-anchor="middle">Test data uri with svgz content</text>
|
||||
|
||||
<text fill="black" x="50%" y="200" text-anchor="middle">FAILED</text>
|
||||
<image xlink:href="data:image/svg+xml;base64,H4sICA/BlksCA3N0YXIuc3ZnAMVUwW7bMAw9d8D+QVAvLeDIkiha0mDn0A7oZcMO
|
||||
Wz/Aa+zUgGsHttq0+/pRTtwkwLBuwIAhcPRIihT5RCofn9bsqam2V/1zwSWTTGfT
|
||||
x9nzQ9uNBb8PYfMhTbfbrdiC6Id1qqWUKfnx5ft3jOWrqh4nRLhu2lANrFkV/Hv7
|
||||
OPC9Plqqm/JxHJuyuyIDG8PqY/XUlKHpu4IrkfF0jpHugsxi23RVOdwM5aqpujCF
|
||||
bteKs/Ve820ou7Huh4eCP5RhaJ4vQKDJtLOQSPodpIWzVmgrHUGPWhhvrLmkQlXB
|
||||
wdM+q4zh7CWKTgqtPABZdRRRAJmRrCQaBULazLhDFrddE4isx7Eavm7Ku+pLdztW
|
||||
fDlXP4Z+w+Lf4q5v+6Hg53Vd852mp/1NeCH2BQXs63qsAgmvhPyx+8FZTc5nZ3l6
|
||||
yt7MaRTL9oTTIXJKkUELjd4hvFXbby5gIYWVkkh3iRaZMtZpopw4M2i0NQnZncqk
|
||||
8okymROgVZYstEbhNRpPN3JHvQgS6AqM9iRSdaA0OTnLWX1qrI+NO8LPfkmY/Aty
|
||||
5Rvk7jv1lMfdOKSv85CvWThwM8G2DNXFAoynZqNuJFKoJS1ljpfzrOSbMtwfO77V
|
||||
1YhOKGk8Rct8JjJEE7ua7vQzAyIeaKA/Me19AggRUf+D1RPSCRgXEZIV3KyDycOZ
|
||||
BCTOvjoi0KRTPiJFScCE9mf8oLuYJpdaZWgvzuMDcHkY639UFh3R7g+glv0/dZ7W
|
||||
dJRRe8jIoErAWfIzBhN6aCJSNjEO2TXpdGK8ZsYqWpGh3K3XDGkqJg1ktBqGGHcq
|
||||
8kZPeyBmh5IiYhYj7k+Zc8rTNa15fJ2XPwFubI+E2wUAAA==" width="200" height="200" x="130" y="70"/>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>
|
||||
-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,102 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>conform-viewers-03-f-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: conform-viewers-03-f-manual.svg</h1>
|
||||
<svg 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" onload="test()">
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: conform-viewers-03-f.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
|
||||
<script>
|
||||
<![CDATA[
|
||||
/**
|
||||
* Generates a 20 character string consisting of characters from the inchars parameter.
|
||||
* The output string will have no repetitions of a character.
|
||||
*/
|
||||
function generatePrefix(inchars)
|
||||
{
|
||||
var ncNameStart = "_abcdefghijklmnopqrstuvwxyzåäöQWERTYUIOPÅÄÖLKJHGFDSAZXCVBNM";
|
||||
|
||||
var prefix = ncNameStart[Math.floor(Math.random()*ncNameStart.length)];
|
||||
var leftchars = inchars;
|
||||
var char;
|
||||
for(var i = 0; i < 19; i++)
|
||||
{
|
||||
char = leftchars[Math.floor(Math.random()*leftchars.length)];
|
||||
leftchars = leftchars.replace(char, '');
|
||||
prefix += char;
|
||||
}
|
||||
return prefix;
|
||||
}
|
||||
|
||||
/**
|
||||
* The main body of the test.
|
||||
*/
|
||||
function test()
|
||||
{
|
||||
var letters = "abcdefghijklmnopqrstuvwxyzåäö_-.QWERTYUIOPÅÄÖLKJHGFDSAZXCVBNM0123456789";
|
||||
var prefix = generatePrefix(letters);
|
||||
var g = document.getElementById("test-body-content");
|
||||
var t = document.getElementById("prefix");
|
||||
t.textContent = prefix;
|
||||
|
||||
var elm = document.createElementNS("http://www.w3.org/2000/svg", "image");
|
||||
elm.setAttributeNS(null, "width", 100);
|
||||
elm.setAttributeNS(null, "height", 100);
|
||||
elm.setAttributeNS(null, "x", 100);
|
||||
elm.setAttributeNS(null, "y", 100);
|
||||
elm.setAttributeNS("http://www.w3.org/1999/xlink", prefix+":href", "../images/pinksquidj.png");
|
||||
elm.setAttributeNS("http://www.this.is.not.an/xlink", "xlink:href", "../images/purplesquidj.png");
|
||||
g.appendChild(elm);
|
||||
}
|
||||
]]>
|
||||
</script>
|
||||
|
||||
<text y="100" x="50" display="none">
|
||||
Generated prefix 1: <tspan id="prefix">...</tspan>
|
||||
</text>
|
||||
<text y="220" x="50">
|
||||
Status: <tspan id="status">No exceptions.</tspan>
|
||||
</text>
|
||||
|
||||
<g xmlns:xlink="http://example.net/bar">
|
||||
<image id="image2" width="100" height="100" x="210" y="100" xlink:href="../images/purplesquidj.png"/>
|
||||
</g>
|
||||
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.3 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g> -->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,69 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>coords-coord-01-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: coords-coord-01-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: coords-coord-01-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
|
||||
<!-- Content of Test Case follows. -->
|
||||
|
||||
<g stroke="black" stroke-width="5">
|
||||
|
||||
<line x1="0" y1="0" x2="150" y2="0"/>
|
||||
|
||||
<line x1="0" y1="0" x2="0" y2="150"/>
|
||||
</g>
|
||||
|
||||
<g fill="blue">
|
||||
<rect width="15" height="15"/>
|
||||
|
||||
<rect x="150" width="15" height="15"/>
|
||||
|
||||
<rect y="150" width="15" height="15"/>
|
||||
</g>
|
||||
|
||||
<g fill="yellow">
|
||||
<rect x="0" y="0" width="10" height="10"/>
|
||||
|
||||
<rect x="150" y="0" width="10" height="10"/>
|
||||
|
||||
<rect x="0" y="150" width="10" height="10"/>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,69 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>coords-coord-02-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: coords-coord-02-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: coords-coord-02-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
|
||||
<!-- Content of Test Case follows. -->
|
||||
|
||||
<g stroke="black" stroke-width="5">
|
||||
|
||||
<line x1="0px" y1="0px" x2="150px" y2="0px"/>
|
||||
|
||||
<line x1="0px" y1="0px" x2="0px" y2="150px"/>
|
||||
</g>
|
||||
|
||||
<g fill="blue">
|
||||
<rect x="0" y="0" width="15" height="15"/>
|
||||
|
||||
<rect x="150" y="0" width="15" height="15"/>
|
||||
|
||||
<rect x="0" y="150" width="15" height="15"/>
|
||||
</g>
|
||||
|
||||
<g fill="yellow">
|
||||
<rect x="0px" y="0px" width="10" height="10"/>
|
||||
|
||||
<rect x="150px" y="0px" width="10" height="10"/>
|
||||
|
||||
<rect x="0px" y="150px" width="10" height="10"/>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,103 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>coords-dom-01-f-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: coords-dom-01-f-manual.svg</h1>
|
||||
<svg 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 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: coords-dom-01-f.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
|
||||
|
||||
<g transform="translate(240 180)">
|
||||
<g id="reference">
|
||||
<circle r="40" fill="red"/>
|
||||
</g>
|
||||
|
||||
<g id="g" transform="translate(20 20)">
|
||||
<circle id="c" r="41" fill="blue"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<script type="text/ecmascript"><![CDATA[
|
||||
var eps = 1 / 65535; // 16.16 fixpoint epsilon
|
||||
var passed = false;
|
||||
|
||||
function isequal( value, expected, epsilon )
|
||||
{
|
||||
return(Math.abs(value - expected) < epsilon);
|
||||
}
|
||||
|
||||
try
|
||||
{
|
||||
var g = document.getElementById("g");
|
||||
var c = document.getElementById("c");
|
||||
var tfm = g.transform.baseVal.getItem(0);
|
||||
var mtx = tfm.matrix;
|
||||
tfm.setTranslate(300,200);
|
||||
if(tfm.type == SVGTransform.SVG_TRANSFORM_TRANSLATE &&
|
||||
isequal(mtx.e, 300, eps) && isequal(mtx.f, 200, eps))
|
||||
{
|
||||
tfm.setScale(4,4);
|
||||
if(tfm.type == SVGTransform.SVG_TRANSFORM_SCALE &&
|
||||
isequal(mtx.a, 4, eps) && isequal(mtx.d, 4, eps))
|
||||
{
|
||||
tfm.setRotate(90,0,0);
|
||||
if(tfm.type == SVGTransform.SVG_TRANSFORM_ROTATE &&
|
||||
isequal(mtx.a, Math.cos(Math.PI/2), eps) && isequal(mtx.b, Math.sin(Math.PI/2), eps) &&
|
||||
isequal(mtx.c, -Math.sin(Math.PI/2), eps) && isequal(mtx.d, Math.cos(Math.PI/2), eps) &&
|
||||
isequal(mtx.e, 0, eps) && isequal(mtx.f, 0, eps))
|
||||
{
|
||||
passed = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
catch(e) {}
|
||||
|
||||
if(passed)
|
||||
{
|
||||
c.setAttribute("fill", "lime");
|
||||
}
|
||||
else
|
||||
{
|
||||
c.setAttribute("fill", "red");
|
||||
}
|
||||
]]></script>
|
||||
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.8 $</text>
|
||||
</g>
|
||||
<rect xml:id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved --><!--
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>coords-dom-02-f-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: coords-dom-02-f-manual.svg</h1>
|
||||
<svg 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 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: coords-dom-02-f.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
|
||||
|
||||
<g transform="translate(220 160)">
|
||||
<g id="reference">
|
||||
<circle r="41" fill="red" transform="translate(20 20) scale(2 1)"/>
|
||||
</g>
|
||||
|
||||
<g id="g" transform="translate(20 20)">
|
||||
<circle id="c" r="41" fill="blue"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<script type="text/ecmascript"><![CDATA[
|
||||
var passed = false;
|
||||
|
||||
try
|
||||
{
|
||||
var g = document.getElementById("g");
|
||||
var c = document.getElementById("c");
|
||||
var tfm = g.transform.baseVal.getItem(0);
|
||||
var mtx = tfm.matrix;
|
||||
mtx.a = 2;
|
||||
if(tfm.type == SVGTransform.SVG_TRANSFORM_MATRIX)
|
||||
{
|
||||
passed = true;
|
||||
}
|
||||
}
|
||||
catch(e) {}
|
||||
|
||||
if(passed)
|
||||
{
|
||||
c.setAttribute("fill", "lime");
|
||||
}
|
||||
else
|
||||
{
|
||||
c.setAttribute("fill", "red");
|
||||
}
|
||||
]]></script>
|
||||
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.9 $</text>
|
||||
</g>
|
||||
<rect xml:id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved --><!--
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,99 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>coords-dom-03-f-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: coords-dom-03-f-manual.svg</h1>
|
||||
<svg 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 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: coords-dom-03-f.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
|
||||
<text x='10' y='30' font-size='14'>Test that some methods taking an SVGMatrix take a copy of it</text>
|
||||
|
||||
<rect id='r1' x='10' y='50' width='50' height='50'/>
|
||||
<rect id='r2' x='10' y='110' width='50' height='50'/>
|
||||
<rect id='r3' x='10' y='170' width='50' height='50'/>
|
||||
<g font-size='10'>
|
||||
<text x='70' y='80'>SVGTransformList.createSVGTransformFromMatrix()</text>
|
||||
<text x='70' y='140'>SVGSVGElement.createSVGTransformFromMatrix()</text>
|
||||
<text x='70' y='200'>SVGTransform.setMatrix()</text>
|
||||
</g>
|
||||
|
||||
<g id='g' transform='scale(5)'/>
|
||||
|
||||
<script><![CDATA[
|
||||
var svg = document.documentElement,
|
||||
g = document.getElementById('g'),
|
||||
r1 = document.getElementById('r1'),
|
||||
r2 = document.getElementById('r2'),
|
||||
r3 = document.getElementById('r3');
|
||||
|
||||
var m1 = svg.createSVGMatrix(),
|
||||
m2 = svg.createSVGMatrix(),
|
||||
m3 = svg.createSVGMatrix();
|
||||
|
||||
var t;
|
||||
|
||||
m1.a = 3; m1.b = 0; m1.c = 0; m1.d = 1; m1.e = 0; m1.f = 0;
|
||||
m2.a = 3; m2.b = 0; m2.c = 0; m2.d = 1; m2.e = 0; m2.f = 0;
|
||||
m3.a = 3; m3.b = 0; m3.c = 0; m3.d = 1; m3.e = 0; m3.f = 0;
|
||||
|
||||
try {
|
||||
t = g.transform.baseVal.createSVGTransformFromMatrix(m1);
|
||||
m1.a = 2;
|
||||
r1.setAttribute('fill', t.matrix != m1 && t.matrix.a == 3 ? 'lime' : 'red');
|
||||
} catch (e) {
|
||||
}
|
||||
|
||||
try {
|
||||
t = svg.createSVGTransformFromMatrix(m2);
|
||||
m2.a = 2;
|
||||
r2.setAttribute('fill', t.matrix != m2 && t.matrix.a == 3 ? 'lime' : 'red');
|
||||
} catch (e) {
|
||||
}
|
||||
|
||||
try {
|
||||
t = g.transform.baseVal.getItem(0);
|
||||
t.setMatrix(m3);
|
||||
m3.a = 2;
|
||||
r3.setAttribute('fill', t.matrix != m3 && t.matrix.a == 3 ? 'lime' : 'red');
|
||||
} catch (e) {
|
||||
}
|
||||
]]></script>
|
||||
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,155 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>coords-dom-04-f-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: coords-dom-04-f-manual.svg</h1>
|
||||
<svg 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" onload="test()">
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2008 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: coords-dom-04-f.svg,v $</title>
|
||||
<defs>
|
||||
<font-face
|
||||
font-family="SVGFreeSansASCII"
|
||||
unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<defs>
|
||||
<style>
|
||||
#test-body-content rect { stroke: black; }
|
||||
</style>
|
||||
<script type="text/ecmascript"><![CDATA[
|
||||
var pos = { "x": 20, "y": 40 };
|
||||
var subtestCounter = 1;
|
||||
var passed = true;
|
||||
|
||||
function toString(m)
|
||||
{
|
||||
var decimals = 0;
|
||||
return m.a.toFixed(decimals) + "," +
|
||||
m.b.toFixed(decimals) + "," +
|
||||
m.c.toFixed(decimals) + "," +
|
||||
m.d.toFixed(decimals) + "," +
|
||||
m.e.toFixed(decimals) + "," +
|
||||
m.f.toFixed(decimals);
|
||||
}
|
||||
|
||||
function referenceEqual(m1,ref,eps)
|
||||
{
|
||||
return (Math.abs(m1.a-ref[0]) < eps &&
|
||||
Math.abs(m1.b-ref[1]) < eps &&
|
||||
Math.abs(m1.c-ref[2]) < eps &&
|
||||
Math.abs(m1.d-ref[3]) < eps &&
|
||||
Math.abs(m1.e-ref[4]) < eps &&
|
||||
Math.abs(m1.f-ref[5]) < eps);
|
||||
}
|
||||
|
||||
function assertEquals(m, ref, eps)
|
||||
{
|
||||
var result = document.createElementNS("http://www.w3.org/2000/svg", "text");
|
||||
var resultrect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
|
||||
result.setAttribute("x", pos.x);
|
||||
result.setAttribute("y", pos.y);
|
||||
resultrect.setAttribute("fill", "lime");
|
||||
resultrect.setAttribute("width", 15);
|
||||
resultrect.setAttribute("height", 15);
|
||||
resultrect.setAttribute("y", pos.y-15);
|
||||
|
||||
if(referenceEqual(m, ref, eps))
|
||||
{
|
||||
result.textContent = "Passed subtest #" + subtestCounter;
|
||||
}
|
||||
else
|
||||
{
|
||||
passed = false;
|
||||
result.textContent = "Failed subtest #" + subtestCounter + ". Expected " + ref + " but got " + toString(m);
|
||||
}
|
||||
pos.y += 20;
|
||||
subtestCounter++;
|
||||
var results = document.getElementById("subteststatus");
|
||||
results.appendChild(resultrect)
|
||||
results.appendChild(result);
|
||||
}
|
||||
|
||||
function test()
|
||||
{
|
||||
eps = 0.005; // "close enough"
|
||||
r = document.getElementById("r");
|
||||
|
||||
t1 = r.transform.baseVal.getItem(0);
|
||||
t2 = r.transform.baseVal.getItem(1);
|
||||
|
||||
// check that matrices are as specified in the markup
|
||||
assertEquals(t1.matrix, [1, 0, 0, 1, 10, 10], eps);
|
||||
assertEquals(t2.matrix, [0, 1, -1, 0, 0, 0], eps);
|
||||
|
||||
// consolidate
|
||||
tfm = r.transform.baseVal.consolidate();
|
||||
|
||||
// check that the consolidation is ok
|
||||
assertEquals(tfm.matrix, [0, 1, -1, 0, 10, 10], eps);
|
||||
|
||||
// check that t1 and t2 were not affected by the consolidation
|
||||
assertEquals(t1.matrix, [1, 0, 0, 1, 10, 10], eps);
|
||||
assertEquals(t2.matrix, [0, 1, -1, 0, 0, 0], eps);
|
||||
|
||||
// check that modifying t1 has no effect on the consolidated transform
|
||||
t1.setTranslate(10,200);
|
||||
assertEquals(t1.matrix, [1, 0, 0, 1, 10, 200], eps);
|
||||
assertEquals(tfm.matrix, [0, 1, -1, 0, 10, 10], eps);
|
||||
|
||||
// check that modifying t2 has no effect on the consolidated transform
|
||||
t2.setRotate(-90, 0, 0);
|
||||
assertEquals(t2.matrix, [0, -1, 1, 0, 0, 0], eps);
|
||||
assertEquals(tfm.matrix, [0, 1, -1, 0, 10, 10], eps);
|
||||
|
||||
// check that modifying the consolidated transform has no effect on the t1 and t2 transforms
|
||||
tfm.matrix.f = 400;
|
||||
assertEquals(tfm.matrix, [0, 1, -1, 0, 10, 400], eps);
|
||||
assertEquals(t1.matrix, [1, 0, 0, 1, 10, 200], eps);
|
||||
assertEquals(t2.matrix, [0, -1, 1, 0, 0, 0], eps);
|
||||
|
||||
document.getElementById("status").setAttributeNS(null, "fill", passed ? "lime" : "red");
|
||||
document.getElementById("scriptstatus").textContent = "Scripting enabled";
|
||||
}
|
||||
|
||||
]]></script>
|
||||
</defs>
|
||||
|
||||
<g transform="translate(20 -10)">
|
||||
<g id="subteststatus" transform="translate(0,40)">
|
||||
<rect id="status" y="5" width="15" height="15" fill="red"/>
|
||||
<text id="scriptstatus" y="20" x="20" >Scripting disabled</text>
|
||||
</g>
|
||||
|
||||
<polyline id="r" fill="none" stroke="green" display="none" transform="translate(10 10) rotate(90)" points="0 0 30 40 80 -20" stroke-width="10"/>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none"
|
||||
fill="black">$Revision: 1.5 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
|
||||
<!-- comment out this watermark once the test is approved --><!--
|
||||
<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,226 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>coords-trans-01-b-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: coords-trans-01-b-manual.svg</h1>
|
||||
<svg version="1.1" baseProfile="basic" 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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: coords-trans-01-b.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g transform="translate(0, 30)" font-size="13">
|
||||
<!-- ====================================================================== -->
|
||||
<!-- First, draw a test grid ============================================== -->
|
||||
<!-- ====================================================================== -->
|
||||
<g id="test-grid" stroke="#cccccc" stroke-width="1">
|
||||
<line x1="10" y1="10.5" x2="470" y2="10.5"/>
|
||||
<line x1="10" y1="20.5" x2="470" y2="20.5"/>
|
||||
<line x1="10" y1="30.5" x2="470" y2="30.5"/>
|
||||
<line x1="10" y1="40.5" x2="470" y2="40.5"/>
|
||||
<line x1="10" y1="50.5" x2="470" y2="50.5"/>
|
||||
<line x1="10" y1="60.5" x2="470" y2="60.5"/>
|
||||
<line x1="10" y1="70.5" x2="470" y2="70.5"/>
|
||||
<line x1="10" y1="80.5" x2="470" y2="80.5"/>
|
||||
<line x1="10" y1="90.5" x2="470" y2="90.5"/>
|
||||
<line x1="10" y1="100.5" x2="470" y2="100.5"/>
|
||||
<line x1="10" y1="110.5" x2="470" y2="110.5"/>
|
||||
<line x1="10" y1="120.5" x2="470" y2="120.5"/>
|
||||
<line x1="10" y1="130.5" x2="470" y2="130.5"/>
|
||||
<line x1="10" y1="140.5" x2="470" y2="140.5"/>
|
||||
<line x1="10" y1="150.5" x2="470" y2="150.5"/>
|
||||
<line x1="10" y1="160.5" x2="470" y2="160.5"/>
|
||||
<line x1="10" y1="170.5" x2="470" y2="170.5"/>
|
||||
<line x1="10" y1="180.5" x2="470" y2="180.5"/>
|
||||
<line x1="10" y1="190.5" x2="470" y2="190.5"/>
|
||||
<line x1="10" y1="200.5" x2="470" y2="200.5"/>
|
||||
<line x1="10" y1="210.5" x2="470" y2="210.5"/>
|
||||
<line x1="10" y1="220.5" x2="470" y2="220.5"/>
|
||||
<line x1="10" y1="230.5" x2="470" y2="230.5"/>
|
||||
<line x1="10" y1="240.5" x2="470" y2="240.5"/>
|
||||
<line x1="10" y1="250.5" x2="470" y2="250.5"/>
|
||||
<line x1="10" y1="260.5" x2="470" y2="260.5"/>
|
||||
<line y1="10" x1="10.5" y2="260.5" x2="10.5"/>
|
||||
<line y1="10" x1="20.5" y2="260.5" x2="20.5"/>
|
||||
<line y1="10" x1="30.5" y2="260.5" x2="30.5"/>
|
||||
<line y1="10" x1="40.5" y2="260.5" x2="40.5"/>
|
||||
<line y1="10" x1="50.5" y2="260.5" x2="50.5"/>
|
||||
<line y1="10" x1="60.5" y2="260.5" x2="60.5"/>
|
||||
<line y1="10" x1="70.5" y2="260.5" x2="70.5"/>
|
||||
<line y1="10" x1="80.5" y2="260.5" x2="80.5"/>
|
||||
<line y1="10" x1="90.5" y2="260.5" x2="90.5"/>
|
||||
<line y1="10" x1="100.5" y2="260.5" x2="100.5"/>
|
||||
<line y1="10" x1="110.5" y2="260.5" x2="110.5"/>
|
||||
<line y1="10" x1="120.5" y2="260.5" x2="120.5"/>
|
||||
<line y1="10" x1="130.5" y2="260.5" x2="130.5"/>
|
||||
<line y1="10" x1="140.5" y2="260.5" x2="140.5"/>
|
||||
<line y1="10" x1="150.5" y2="260.5" x2="150.5"/>
|
||||
<line y1="10" x1="160.5" y2="260.5" x2="160.5"/>
|
||||
<line y1="10" x1="170.5" y2="260.5" x2="170.5"/>
|
||||
<line y1="10" x1="180.5" y2="260.5" x2="180.5"/>
|
||||
<line y1="10" x1="190.5" y2="260.5" x2="190.5"/>
|
||||
<line y1="10" x1="200.5" y2="260.5" x2="200.5"/>
|
||||
<line y1="10" x1="210.5" y2="260.5" x2="210.5"/>
|
||||
<line y1="10" x1="220.5" y2="260.5" x2="220.5"/>
|
||||
<line y1="10" x1="230.5" y2="260.5" x2="230.5"/>
|
||||
<line y1="10" x1="240.5" y2="260.5" x2="240.5"/>
|
||||
<line y1="10" x1="250.5" y2="260.5" x2="250.5"/>
|
||||
<line y1="10" x1="260.5" y2="260.5" x2="260.5"/>
|
||||
<line y1="10" x1="270.5" y2="260.5" x2="270.5"/>
|
||||
<line y1="10" x1="280.5" y2="260.5" x2="280.5"/>
|
||||
<line y1="10" x1="290.5" y2="260.5" x2="290.5"/>
|
||||
<line y1="10" x1="300.5" y2="260.5" x2="300.5"/>
|
||||
<line y1="10" x1="310.5" y2="260.5" x2="310.5"/>
|
||||
<line y1="10" x1="320.5" y2="260.5" x2="320.5"/>
|
||||
<line y1="10" x1="330.5" y2="260.5" x2="330.5"/>
|
||||
<line y1="10" x1="340.5" y2="260.5" x2="340.5"/>
|
||||
<line y1="10" x1="350.5" y2="260.5" x2="350.5"/>
|
||||
<line y1="10" x1="360.5" y2="260.5" x2="360.5"/>
|
||||
<line y1="10" x1="370.5" y2="260.5" x2="370.5"/>
|
||||
<line y1="10" x1="380.5" y2="260.5" x2="380.5"/>
|
||||
<line y1="10" x1="390.5" y2="260.5" x2="390.5"/>
|
||||
<line y1="10" x1="400.5" y2="260.5" x2="400.5"/>
|
||||
<line y1="10" x1="410.5" y2="260.5" x2="410.5"/>
|
||||
<line y1="10" x1="420.5" y2="260.5" x2="420.5"/>
|
||||
<line y1="10" x1="430.5" y2="260.5" x2="430.5"/>
|
||||
<line y1="10" x1="440.5" y2="260.5" x2="440.5"/>
|
||||
<line y1="10" x1="450.5" y2="260.5" x2="450.5"/>
|
||||
<line y1="10" x1="460.5" y2="260.5" x2="460.5"/>
|
||||
<line y1="10" x1="470.5" y2="260.5" x2="470.5"/>
|
||||
</g>
|
||||
<!-- ====================================================================== -->
|
||||
<!-- Now, test elementary transforms. For each transform, 3 markers are -->
|
||||
<!-- placed where the user space is expected after transformations for the -->
|
||||
<!-- origin (black) and the points in (20, 0) (blue) and (0, 20) (red). -->
|
||||
<!-- Then, a blue line going from (0, 0) to (20, 0) is drawn and a red line -->
|
||||
<!-- going from (0, 0) to (0, 20), after applying the elementary -->
|
||||
<!-- transformation. If the test succeeds, the red line should join the -->
|
||||
<!-- black marker to the red marker and the blue line the black marker to -->
|
||||
<!-- the blue marker. -->
|
||||
<!-- ====================================================================== -->
|
||||
<g id="elementary-transforms-test" transform="translate(0, 10)">
|
||||
<g id="elementary-transforms">
|
||||
<!-- Translate -->
|
||||
<g transform="translate(50, 50)">
|
||||
<rect x="0" y="0" width="20" height="2" fill="blue"/>
|
||||
<rect x="0" y="0" width="2" height="20" fill="red"/>
|
||||
</g>
|
||||
<!-- Rotate -90 deg about (150, 70) -->
|
||||
<g transform="translate(150, 70) rotate(-90)">
|
||||
<rect x="0" y="0" width="20" height="2" fill="blue"/>
|
||||
<rect x="0" y="0" width="2" height="20" fill="red"/>
|
||||
</g>
|
||||
<!-- Skew X -->
|
||||
<g transform="translate(250, 50) skewX(45)">
|
||||
<rect x="0" y="0" width="20" height="2" fill="blue"/>
|
||||
<rect x="0" y="0" width="2" height="20" fill="red"/>
|
||||
</g>
|
||||
<!-- Skew Y -->
|
||||
<g transform="translate(350, 50) skewY(45)">
|
||||
<rect x="0" y="0" width="20" height="2" fill="blue"/>
|
||||
<rect x="0" y="0" width="2" height="20" fill="red"/>
|
||||
</g>
|
||||
<!-- Scale 2 -->
|
||||
<g transform="translate(210, 120) scale(2)">
|
||||
<rect x="0" y="0" width="20" height="1" fill="blue"/>
|
||||
<rect x="0" y="0" width="1" height="20" fill="red"/>
|
||||
</g>
|
||||
</g>
|
||||
<!-- elementary-transforms -->
|
||||
<!-- Draw all the markers -->
|
||||
<g id="elementary-transforms-test-markers">
|
||||
<!-- Translate -->
|
||||
<text x="40" y="40">translate (50, 50)</text>
|
||||
<rect x="48" y="48" width="5" height="5" fill="black"/>
|
||||
<rect x="68" y="48" width="5" height="5" fill="blue"/>
|
||||
<rect x="48" y="68" width="5" height="5" fill="red"/>
|
||||
<!-- Rotate -90 deg about (150, 70) -->
|
||||
<text x="140" y="40">rotate(-90)</text>
|
||||
<rect x="148" y="68" width="5" height="5" fill="black"/>
|
||||
<rect x="148" y="48" width="5" height="5" fill="blue"/>
|
||||
<rect x="168" y="68" width="5" height="5" fill="red"/>
|
||||
<!-- Skew X -->
|
||||
<text x="240" y="40">skew x (45)</text>
|
||||
<rect x="248" y="48" width="5" height="5" fill="black"/>
|
||||
<rect x="268" y="48" width="5" height="5" fill="blue"/>
|
||||
<rect x="268" y="68" width="5" height="5" fill="red"/>
|
||||
<!-- Skew Y -->
|
||||
<text x="340" y="40">skew y (45)</text>
|
||||
<rect x="348" y="48" width="5" height="5" fill="black"/>
|
||||
<rect x="368" y="68" width="5" height="5" fill="blue"/>
|
||||
<rect x="348" y="68" width="5" height="5" fill="red"/>
|
||||
<!-- Scale 2 -->
|
||||
<text x="200" y="110">scale (2)</text>
|
||||
<rect x="208" y="118" width="5" height="5" fill="black"/>
|
||||
<rect x="248" y="118" width="5" height="5" fill="blue"/>
|
||||
<rect x="208" y="158" width="5" height="5" fill="red"/>
|
||||
</g>
|
||||
<!-- elementary-transforms-test-markers -->
|
||||
</g>
|
||||
<g id="nested-transforms-test">
|
||||
<g id="nested-transforms">
|
||||
<!-- scale/translate in transform attribute -->
|
||||
<g transform="scale(3, 2) translate(16.666667, 105)">
|
||||
<rect x="0" y="0" width="20" height="1" fill="blue"/>
|
||||
<rect x="0" y="0" width="0.67" height="20" fill="red"/>
|
||||
</g>
|
||||
<!-- scale/translate in successive elements -->
|
||||
<g transform="translate(200, 0)">
|
||||
<g transform="scale(3, 2)">
|
||||
<g transform="translate(16.666667, 105)">
|
||||
<rect x="0" y="0" width="20" height="1" fill="blue"/>
|
||||
<rect x="0" y="0" width="0.67" height="20" fill="red"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<!-- nested-transforms -->
|
||||
<g id="nested-transforms-test-markers">
|
||||
<!-- scale and translate -->
|
||||
<text x="40" y="200">scale(25, 95) and translate(2, 2)</text>
|
||||
<rect x="48" y="208" width="5" height="5" fill="black"/>
|
||||
<rect x="108" y="208" width="5" height="5" fill="blue"/>
|
||||
<rect x="48" y="248" width="5" height="5" fill="red"/>
|
||||
<!-- scale then translate -->
|
||||
<text x="240" y="200">scale(25, 95) then translate(2, 2)</text>
|
||||
<rect x="248" y="208" width="5" height="5" fill="black"/>
|
||||
<rect x="308" y="208" width="5" height="5" fill="blue"/>
|
||||
<rect x="248" y="248" width="5" height="5" fill="red"/>
|
||||
</g>
|
||||
<!-- nested-transforms-test-markers -->
|
||||
</g>
|
||||
<!-- nested-transforms test -->
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,163 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>coords-trans-02-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: coords-trans-02-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: coords-trans-02-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g transform="translate(0, 30)" font-size="12">
|
||||
<!-- ====================================================================== -->
|
||||
<!-- First, draw a test grid ============================================== -->
|
||||
<!-- ====================================================================== -->
|
||||
<!--g id="test-grid" stroke="#cccccc" stroke-width="1" >
|
||||
<line x1="10" y1="10.5" x2="470" y2="10.5"/>
|
||||
<line x1="10" y1="20.5" x2="470" y2="20.5"/>
|
||||
<line x1="10" y1="30.5" x2="470" y2="30.5"/>
|
||||
<line x1="10" y1="40.5" x2="470" y2="40.5"/>
|
||||
<line x1="10" y1="50.5" x2="470" y2="50.5"/>
|
||||
<line x1="10" y1="60.5" x2="470" y2="60.5"/>
|
||||
<line x1="10" y1="70.5" x2="470" y2="70.5"/>
|
||||
<line x1="10" y1="80.5" x2="470" y2="80.5"/>
|
||||
<line x1="10" y1="90.5" x2="470" y2="90.5"/>
|
||||
<line x1="10" y1="100.5" x2="470" y2="100.5"/>
|
||||
<line x1="10" y1="110.5" x2="470" y2="110.5"/>
|
||||
<line x1="10" y1="120.5" x2="470" y2="120.5"/>
|
||||
<line x1="10" y1="130.5" x2="470" y2="130.5"/>
|
||||
<line x1="10" y1="140.5" x2="470" y2="140.5"/>
|
||||
<line x1="10" y1="150.5" x2="470" y2="150.5"/>
|
||||
<line x1="10" y1="160.5" x2="470" y2="160.5"/>
|
||||
<line x1="10" y1="170.5" x2="470" y2="170.5"/>
|
||||
<line x1="10" y1="180.5" x2="470" y2="180.5"/>
|
||||
<line x1="10" y1="190.5" x2="470" y2="190.5"/>
|
||||
<line x1="10" y1="200.5" x2="470" y2="200.5"/>
|
||||
<line x1="10" y1="210.5" x2="470" y2="210.5"/>
|
||||
<line x1="10" y1="220.5" x2="470" y2="220.5"/>
|
||||
<line x1="10" y1="230.5" x2="470" y2="230.5"/>
|
||||
<line x1="10" y1="240.5" x2="470" y2="240.5"/>
|
||||
<line x1="10" y1="250.5" x2="470" y2="250.5"/>
|
||||
<line x1="10" y1="260.5" x2="470" y2="260.5"/>
|
||||
<line y1="10" x1="10.5" y2="260.5" x2="10.5"/>
|
||||
<line y1="10" x1="20.5" y2="260.5" x2="20.5"/>
|
||||
<line y1="10" x1="30.5" y2="260.5" x2="30.5"/>
|
||||
<line y1="10" x1="40.5" y2="260.5" x2="40.5"/>
|
||||
<line y1="10" x1="50.5" y2="260.5" x2="50.5"/>
|
||||
<line y1="10" x1="60.5" y2="260.5" x2="60.5"/>
|
||||
<line y1="10" x1="70.5" y2="260.5" x2="70.5"/>
|
||||
<line y1="10" x1="80.5" y2="260.5" x2="80.5"/>
|
||||
<line y1="10" x1="90.5" y2="260.5" x2="90.5"/>
|
||||
<line y1="10" x1="100.5" y2="260.5" x2="100.5"/>
|
||||
<line y1="10" x1="110.5" y2="260.5" x2="110.5"/>
|
||||
<line y1="10" x1="120.5" y2="260.5" x2="120.5"/>
|
||||
<line y1="10" x1="130.5" y2="260.5" x2="130.5"/>
|
||||
<line y1="10" x1="140.5" y2="260.5" x2="140.5"/>
|
||||
<line y1="10" x1="150.5" y2="260.5" x2="150.5"/>
|
||||
<line y1="10" x1="160.5" y2="260.5" x2="160.5"/>
|
||||
<line y1="10" x1="170.5" y2="260.5" x2="170.5"/>
|
||||
<line y1="10" x1="180.5" y2="260.5" x2="180.5"/>
|
||||
<line y1="10" x1="190.5" y2="260.5" x2="190.5"/>
|
||||
<line y1="10" x1="200.5" y2="260.5" x2="200.5"/>
|
||||
<line y1="10" x1="210.5" y2="260.5" x2="210.5"/>
|
||||
<line y1="10" x1="220.5" y2="260.5" x2="220.5"/>
|
||||
<line y1="10" x1="230.5" y2="260.5" x2="230.5"/>
|
||||
<line y1="10" x1="240.5" y2="260.5" x2="240.5"/>
|
||||
<line y1="10" x1="250.5" y2="260.5" x2="250.5"/>
|
||||
<line y1="10" x1="260.5" y2="260.5" x2="260.5"/>
|
||||
<line y1="10" x1="270.5" y2="260.5" x2="270.5"/>
|
||||
<line y1="10" x1="280.5" y2="260.5" x2="280.5"/>
|
||||
<line y1="10" x1="290.5" y2="260.5" x2="290.5"/>
|
||||
<line y1="10" x1="300.5" y2="260.5" x2="300.5"/>
|
||||
<line y1="10" x1="310.5" y2="260.5" x2="310.5"/>
|
||||
<line y1="10" x1="320.5" y2="260.5" x2="320.5"/>
|
||||
<line y1="10" x1="330.5" y2="260.5" x2="330.5"/>
|
||||
<line y1="10" x1="340.5" y2="260.5" x2="340.5"/>
|
||||
<line y1="10" x1="350.5" y2="260.5" x2="350.5"/>
|
||||
<line y1="10" x1="360.5" y2="260.5" x2="360.5"/>
|
||||
<line y1="10" x1="370.5" y2="260.5" x2="370.5"/>
|
||||
<line y1="10" x1="380.5" y2="260.5" x2="380.5"/>
|
||||
<line y1="10" x1="390.5" y2="260.5" x2="390.5"/>
|
||||
<line y1="10" x1="400.5" y2="260.5" x2="400.5"/>
|
||||
<line y1="10" x1="410.5" y2="260.5" x2="410.5"/>
|
||||
<line y1="10" x1="420.5" y2="260.5" x2="420.5"/>
|
||||
<line y1="10" x1="430.5" y2="260.5" x2="430.5"/>
|
||||
<line y1="10" x1="440.5" y2="260.5" x2="440.5"/>
|
||||
<line y1="10" x1="450.5" y2="260.5" x2="450.5"/>
|
||||
<line y1="10" x1="460.5" y2="260.5" x2="460.5"/>
|
||||
<line y1="10" x1="470.5" y2="260.5" x2="470.5"/>
|
||||
</g-->
|
||||
<!-- ====================================================================== -->
|
||||
<!-- Now, test elementary transforms. For each transform, 3 markers are -->
|
||||
<!-- placed where the user space is expected after transformations for the -->
|
||||
<!-- origin (black) and the points in (20, 0) (blue) and (0, 20) (red). -->
|
||||
<!-- Then, a blue line going from (0, 0) to (20, 0) is drawn and a red line -->
|
||||
<!-- going from (0, 0) to (0, 20), after applying the elementary -->
|
||||
<!-- transformation. If the test succeeds, the red line should join the -->
|
||||
<!-- black marker to the red marker and the blue line the black marker to -->
|
||||
<!-- the blue marker. -->
|
||||
<!-- ====================================================================== -->
|
||||
<g id="elementary-transforms-test" transform="translate(0, 10)">
|
||||
<g id="elementary-transforms" transform="translate(-30, 0) scale(2.5, 2.5)">
|
||||
<!-- Translate -->
|
||||
<g transform="translate(50, 50)">
|
||||
<rect x="0" y="0" width="20" height="2" fill="blue"/>
|
||||
<rect x="0" y="0" width="2" height="20" fill="red"/>
|
||||
</g>
|
||||
<!-- Rotate -90 deg about (150, 70) -->
|
||||
<g transform="translate(150, 70) rotate(-90)">
|
||||
<rect x="0" y="0" width="20" height="2" fill="blue"/>
|
||||
<rect x="0" y="0" width="2" height="20" fill="red"/>
|
||||
</g>
|
||||
</g>
|
||||
<!-- elementary-transforms -->
|
||||
<!-- Draw all the markers -->
|
||||
<g id="elementary-transforms-test-markers" transform="translate(-30, 0) scale(2.5, 2.5)">
|
||||
<!-- Translate -->
|
||||
<text x="40" y="40">translate (50, 50)</text>
|
||||
<rect x="48" y="48" width="5" height="5" fill="black"/>
|
||||
<rect x="68" y="48" width="5" height="5" fill="blue"/>
|
||||
<rect x="48" y="68" width="5" height="5" fill="red"/>
|
||||
<!-- Rotate -90 deg about (150, 70) -->
|
||||
<text x="140" y="40">rotate(-90)</text>
|
||||
<rect x="148" y="68" width="5" height="5" fill="black"/>
|
||||
<rect x="148" y="48" width="5" height="5" fill="blue"/>
|
||||
<rect x="168" y="68" width="5" height="5" fill="red"/>
|
||||
</g>
|
||||
<!-- elementary-transforms-test-markers -->
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>coords-trans-03-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: coords-trans-03-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: coords-trans-03-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g transform="translate(0, 30)" font-size="12">
|
||||
<!-- ====================================================================== -->
|
||||
<!-- Now, test elementary transforms. For each transform, 3 markers are -->
|
||||
<!-- placed where the user space is expected after transformations for the -->
|
||||
<!-- origin (black) and the points in (20, 0) (blue) and (0, 20) (red). -->
|
||||
<!-- Then, a blue line going from (0, 0) to (20, 0) is drawn and a red line -->
|
||||
<!-- going from (0, 0) to (0, 20), after applying the elementary -->
|
||||
<!-- transformation. If the test succeeds, the red line should join the -->
|
||||
<!-- black marker to the red marker and the blue line the black marker to -->
|
||||
<!-- the blue marker. -->
|
||||
<!-- ====================================================================== -->
|
||||
<g id="elementary-transforms-test" transform="translate(0, 10)">
|
||||
<g id="elementary-transforms" transform="translate(-560, 0) scale(2.5, 2.5)">
|
||||
<!-- Skew X -->
|
||||
<g transform="translate(250, 50) skewX(45)">
|
||||
<rect x="0" y="0" width="20" height="2" fill="blue"/>
|
||||
<rect x="0" y="0" width="2" height="20" fill="red"/>
|
||||
</g>
|
||||
<!-- Skew Y -->
|
||||
<g transform="translate(350, 50) skewY(45)">
|
||||
<rect x="0" y="0" width="20" height="2" fill="blue"/>
|
||||
<rect x="0" y="0" width="2" height="20" fill="red"/>
|
||||
</g>
|
||||
</g>
|
||||
<!-- elementary-transforms -->
|
||||
<!-- Draw all the markers -->
|
||||
<g id="elementary-transforms-test-markers" transform="translate(-560, 0) scale(2.5, 2.5)">
|
||||
<!-- Skew X -->
|
||||
<text x="240" y="40">skew x (45)</text>
|
||||
<rect x="248" y="48" width="5" height="5" fill="black"/>
|
||||
<rect x="268" y="48" width="5" height="5" fill="blue"/>
|
||||
<rect x="268" y="68" width="5" height="5" fill="red"/>
|
||||
<!-- Skew Y -->
|
||||
<text x="340" y="40">skew y (45)</text>
|
||||
<rect x="348" y="48" width="5" height="5" fill="black"/>
|
||||
<rect x="368" y="68" width="5" height="5" fill="blue"/>
|
||||
<rect x="348" y="68" width="5" height="5" fill="red"/>
|
||||
</g>
|
||||
<!-- elementary-transforms-test-markers -->
|
||||
</g>
|
||||
<!-- nested-transforms test -->
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,75 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>coords-trans-04-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: coords-trans-04-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: coords-trans-04-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g transform="translate(0, 30)" font-size="12">
|
||||
<!-- ====================================================================== -->
|
||||
<!-- Now, test elementary transforms. For each transform, 3 markers are -->
|
||||
<!-- placed where the user space is expected after transformations for the -->
|
||||
<!-- origin (black) and the points in (20, 0) (blue) and (0, 20) (red). -->
|
||||
<!-- Then, a blue line going from (0, 0) to (20, 0) is drawn and a red line -->
|
||||
<!-- going from (0, 0) to (0, 20), after applying the elementary -->
|
||||
<!-- transformation. If the test succeeds, the red line should join the -->
|
||||
<!-- black marker to the red marker and the blue line the black marker to -->
|
||||
<!-- the blue marker. -->
|
||||
<!-- ====================================================================== -->
|
||||
<g id="elementary-transforms-test">
|
||||
<g id="elementary-transforms" transform="translate(60, 45) scale(2.5, 2.5)">
|
||||
<!-- Scale 2 -->
|
||||
<g transform="translate(40, 10) scale(2)">
|
||||
<rect x="0" y="0" width="20" height="1" fill="blue"/>
|
||||
<rect x="0" y="0" width="1" height="20" fill="red"/>
|
||||
</g>
|
||||
</g>
|
||||
<!-- elementary-transforms -->
|
||||
<!-- Draw all the markers -->
|
||||
<g id="elementary-transforms-test-markers" transform="translate(-364, -230) scale(2.5, 2.5)">
|
||||
<!-- Scale 2 -->
|
||||
<text x="200" y="110">scale (2)</text>
|
||||
<rect x="208" y="118" width="5" height="5" fill="black"/>
|
||||
<rect x="248" y="118" width="5" height="5" fill="blue"/>
|
||||
<rect x="208" y="158" width="5" height="5" fill="red"/>
|
||||
</g>
|
||||
<!-- elementary-transforms-test-markers -->
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,75 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>coords-trans-05-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: coords-trans-05-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: coords-trans-05-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g transform="translate(0, 30)" font-size="12">
|
||||
<!-- ====================================================================== -->
|
||||
<!-- Now, test elementary transforms. For each transform, 3 markers are -->
|
||||
<!-- placed where the user space is expected after transformations for the -->
|
||||
<!-- origin (black) and the points in (20, 0) (blue) and (0, 20) (red). -->
|
||||
<!-- Then, a blue line going from (0, 0) to (20, 0) is drawn and a red line -->
|
||||
<!-- going from (0, 0) to (0, 20), after applying the elementary -->
|
||||
<!-- transformation. If the test succeeds, the red line should join the -->
|
||||
<!-- black marker to the red marker and the blue line the black marker to -->
|
||||
<!-- the blue marker. -->
|
||||
<!-- ====================================================================== -->
|
||||
<g id="nested-transforms-test">
|
||||
<g id="nested-transforms" transform="translate(-90, -450)">
|
||||
<!-- scale/translate in transform attribute -->
|
||||
<g transform="scale(7.5, 5) translate(16.666667, 105)">
|
||||
<rect x="0" y="0" width="20" height="1" fill="blue"/>
|
||||
<rect x="0" y="0" width="0.67" height="20" fill="red"/>
|
||||
</g>
|
||||
</g>
|
||||
<!-- nested-transforms -->
|
||||
<g id="nested-transforms-test-markers" transform="translate(-90, -450) scale(2.5, 2.5)">
|
||||
<!-- scale and translate -->
|
||||
<text x="40" y="200">scale(25, 95) - translate(2, 2)</text>
|
||||
<rect x="48" y="208" width="5" height="5" fill="black"/>
|
||||
<rect x="108" y="208" width="5" height="5" fill="blue"/>
|
||||
<rect x="48" y="248" width="5" height="5" fill="red"/>
|
||||
</g>
|
||||
<!-- nested-transforms-test-markers -->
|
||||
</g>
|
||||
<!-- nested-transforms test -->
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,69 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>coords-trans-06-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: coords-trans-06-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: coords-trans-06-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g transform="translate(0, 30)" font-size="12">
|
||||
<g id="nested-transforms-test">
|
||||
<g id="nested-transforms">
|
||||
<!-- scale/translate in successive elements -->
|
||||
<g transform="translate(-102, -450)">
|
||||
<g transform="scale(7.5, 5)">
|
||||
<g transform="translate(16.666667, 105)">
|
||||
<rect x="0" y="0" width="20" height="1" fill="blue"/>
|
||||
<rect x="0" y="0" width="0.67" height="20" fill="red"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<!-- nested-transforms -->
|
||||
<g id="nested-transforms-test-markers" transform="translate(-600, -450) scale(2.5, 2.5)">
|
||||
<!-- scale then translate -->
|
||||
<text x="248" y="200">scale(25, 95) then translate(2, 2)</text>
|
||||
<rect x="248" y="208" width="5" height="5" fill="black"/>
|
||||
<rect x="308" y="208" width="5" height="5" fill="blue"/>
|
||||
<rect x="248" y="248" width="5" height="5" fill="red"/>
|
||||
</g>
|
||||
<!-- nested-transforms-test-markers -->
|
||||
</g>
|
||||
<!-- nested-transforms test -->
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>coords-trans-07-t-manual.svg</title>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Source SVG: coords-trans-07-t-manual.svg</h1>
|
||||
<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">
|
||||
<!--======================================================================-->
|
||||
<!--= SVG 1.1 2nd Edition Test Case =-->
|
||||
<!--======================================================================-->
|
||||
<!--= Copyright 2009 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/. =-->
|
||||
<!--======================================================================-->
|
||||
|
||||
<title id="test-title">$RCSfile: coords-trans-07-t.svg,v $</title>
|
||||
<defs>
|
||||
<font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
|
||||
<font-face-src>
|
||||
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
|
||||
</font-face-src>
|
||||
</font-face>
|
||||
</defs>
|
||||
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
|
||||
<g id="elementary-transforms-test">
|
||||
<g id="object_1" transform="rotate(30) translate(200, 100)">
|
||||
<rect x="0" y="0" width="150" height="5" fill="green"/>
|
||||
<rect x="0" y="0" width="5" height="50" fill="red"/>
|
||||
</g>
|
||||
<text x="65" y="185" font-size="20">rotate+translate</text>
|
||||
|
||||
<g id="object_2" transform="translate(200,100) rotate(30)">
|
||||
<rect x="0" y="0" width="150" height="5" fill="blue"/>
|
||||
<rect x="0" y="0" width="5" height="50" fill="red"/>
|
||||
</g>
|
||||
<text x="150" y="100" font-size="20">translate+rotate</text>
|
||||
</g>
|
||||
</g>
|
||||
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
|
||||
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text>
|
||||
</g>
|
||||
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
|
||||
<!-- comment out this watermark once the test is approved -->
|
||||
<!--<g id="draft-watermark">
|
||||
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
|
||||
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
|
||||
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
|
||||
</g>-->
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue