OLD | NEW |
1 <svg id="svg-root" width="100%" height="100%" | 1 <svg id="svg-root" width="100%" height="100%" |
2 viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" | 2 viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" |
3 xmlns:xlink="http://www.w3.org/1999/xlink"> | 3 xmlns:xlink="http://www.w3.org/1999/xlink"> |
4 <!--======================================================================--> | 4 <!--======================================================================--> |
5 <!--= Copyright 2008 World Wide Web Consortium, (Massachusetts =--> | 5 <!--= Copyright 2008 World Wide Web Consortium, (Massachusetts =--> |
6 <!--= Institute of Technology, European Research Consortium for =--> | 6 <!--= Institute of Technology, European Research Consortium for =--> |
7 <!--= Informatics and Mathematics (ERCIM), Keio University). =--> | 7 <!--= Informatics and Mathematics (ERCIM), Keio University). =--> |
8 <!--= All Rights Reserved. =--> | 8 <!--= All Rights Reserved. =--> |
9 <!--= See http://www.w3.org/Consortium/Legal/. =--> | 9 <!--= See http://www.w3.org/Consortium/Legal/. =--> |
10 <!--======================================================================--> | 10 <!--======================================================================--> |
(...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
81 <rect id='r11' x='40' y='360' width='20' height='20'/> | 81 <rect id='r11' x='40' y='360' width='20' height='20'/> |
82 <text x='70' y='375'>SVGAnimatedInteger</text> | 82 <text x='70' y='375'>SVGAnimatedInteger</text> |
83 <rect id='r12' x='40' y='390' width='20' height='20'/> | 83 <rect id='r12' x='40' y='390' width='20' height='20'/> |
84 <text x='70' y='405'>SVGAnimatedNumber</text> | 84 <text x='70' y='405'>SVGAnimatedNumber</text> |
85 </g> | 85 </g> |
86 | 86 |
87 <g display='none'> | 87 <g display='none'> |
88 <text id='text' rotate='0 20 40' x='10 20' lengthAdjust='spacing'>abc</tex
t> | 88 <text id='text' rotate='0 20 40' x='10 20' lengthAdjust='spacing'>abc</tex
t> |
89 <circle id='circle' r='50' transform='scale(1) scale(2)' class='one'/> | 89 <circle id='circle' r='50' transform='scale(1) scale(2)' class='one'/> |
90 <marker id='marker' orient='30'/> | 90 <marker id='marker' orient='30'/> |
91 <svg id='svg' viewBox='10 20 30 40' preserveAspectRatio='none' externalRes
ourcesRequired='false'/> | 91 <svg id='svg' viewBox='10 20 30 40' preserveAspectRatio='none'/> |
92 <filter> | 92 <filter> |
93 <feTurbulence id='feTurbulence' baseFrequency='2 3' numOctaves='2'/> | 93 <feTurbulence id='feTurbulence' baseFrequency='2 3' numOctaves='2'/> |
| 94 <feConvolveMatrix id='feConvolveMatrix' kernelMatrix='1 1 1 |
| 95
1 1 1 |
| 96
1 1 1' preserveAlpha='false'/> |
94 </filter> | 97 </filter> |
95 </g> | 98 </g> |
96 | 99 |
97 <script><![CDATA[ | 100 <script><![CDATA[ |
98 function $(id) { return document.getElementById(id); } | 101 function $(id) { return document.getElementById(id); } |
99 | 102 |
100 var text = $('text'), | 103 var text = $('text'), |
101 circle = $('circle'), | 104 circle = $('circle'), |
102 marker = $('marker'), | 105 marker = $('marker'), |
103 svg = $('svg'), | 106 svg = $('svg'), |
104 feTurbulence = $('feTurbulence'); | 107 feTurbulence = $('feTurbulence'), |
| 108 feConvolveMatrix = $('feConvolveMatrix'); |
105 | 109 |
106 function expect_exception(id, fn, code) { | 110 function expect_exception(id, fn, code) { |
107 try { | 111 try { |
108 fn(); | 112 fn(); |
109 } catch (e) { | 113 } catch (e) { |
110 if (e.code == code) { | 114 if (e.code == code) { |
111 $(id).setAttribute('fill', 'green'); | 115 $(id).setAttribute('fill', 'green'); |
112 return; | 116 return; |
113 } | 117 } |
114 } | 118 } |
(...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
182 | 186 |
183 // SVGAnimatedPreserveAspectRatio: preserveAspectRatio on svg | 187 // SVGAnimatedPreserveAspectRatio: preserveAspectRatio on svg |
184 expect_value | 188 expect_value |
185 ('r7', | 189 ('r7', |
186 function() { | 190 function() { |
187 return svg.preserveAspectRatio.baseVal.align == 1 /* none */ | 191 return svg.preserveAspectRatio.baseVal.align == 1 /* none */ |
188 && (svg.setAttribute('preserveAspectRatio', 'xMidYMid'), svg.pres
erveAspectRatio.baseVal.align == 6); | 192 && (svg.setAttribute('preserveAspectRatio', 'xMidYMid'), svg.pres
erveAspectRatio.baseVal.align == 6); |
189 }, | 193 }, |
190 true); | 194 true); |
191 | 195 |
192 // SVGAnimatedBoolean: externalResourcesRequired on svg | 196 // SVGAnimatedBoolean: preserveAlpha on feConvolveMatrix |
193 expect_value | 197 expect_value |
194 ('r8', | 198 ('r8', |
195 function() { | 199 function() { |
196 return !svg.externalResourcesRequired.baseVal | 200 return !feConvolveMatrix.preserveAlpha.baseVal |
197 && (svg.setAttribute('externalResourcesRequired', 'true'), svg.ex
ternalResourcesRequired.baseVal); | 201 && (feConvolveMatrix.setAttribute('preserveAlpha', 'true'), feCon
volveMatrix.preserveAlpha.baseVal); |
198 }, | 202 }, |
199 true); | 203 true); |
200 | 204 |
201 // SVGAnimatedString: class on circle | 205 // SVGAnimatedString: class on circle |
202 expect_value | 206 expect_value |
203 ('r9', | 207 ('r9', |
204 function() { | 208 function() { |
205 return circle.className.baseVal == 'one' | 209 return circle.className.baseVal == 'one' |
206 && (circle.setAttribute('class', 'two'), circle.className.baseVal
== 'two'); | 210 && (circle.setAttribute('class', 'two'), circle.className.baseVal
== 'two'); |
207 }, | 211 }, |
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
241 fill="black">$Revision: 1.7 $</text> | 245 fill="black">$Revision: 1.7 $</text> |
242 </g> | 246 </g> |
243 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke=
"#000"/> | 247 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke=
"#000"/> |
244 <!-- comment out this watermark once the test is approved --><!-- | 248 <!-- comment out this watermark once the test is approved --><!-- |
245 <g id="draft-watermark"> | 249 <g id="draft-watermark"> |
246 <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-w
idth="1"/> | 250 <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-w
idth="1"/> |
247 <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size
="20" x="240" | 251 <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size
="20" x="240" |
248 text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white"
>DRAFT</text> | 252 text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white"
>DRAFT</text> |
249 </g>--> | 253 </g>--> |
250 </svg> | 254 </svg> |
OLD | NEW |