1 <?xml version=
"1.0" encoding=
"UTF-8"?>
2 <!DOCTYPE svg PUBLIC
"-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny-flat.dtd">
3 <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">
4 <!--======================================================================-->
5 <!--= Copyright 2006 World Wide Web Consortium, (Massachusetts =-->
6 <!--= Institute of Technology, European Research Consortium for =-->
7 <!--= Informatics and Mathematics (ERCIM), Keio University). =-->
8 <!--= All Rights Reserved. =-->
9 <!--= See http://www.w3.org/Consortium/Legal/. =-->
10 <!--======================================================================-->
11 <!-- NOTE: CVS will automatically update the -->
12 <!-- "$RCSfile: pservers-grad-19-b.svg,v $" and "$Revision: 1.6 $" -->
13 <!-- fields in the file. -->
14 <!-- There is no need to update this information. -->
15 <!-- =====================================================================-->
16 <SVGTestCase xmlns=
"http://www.w3.org/2000/02/svg/testsuite/description/" reviewer=
"ED" owner=
"CC" desc=
"Tests animation of gradients" status=
"accepted" version=
"$Revision: 1.6 $" testname=
"$RCSfile: pservers-grad-19-b.svg,v $">
19 This test shows rectangles filled with animated gradient who inherits some of their properties: stop-color, stop-opacity.
20 The correct result should show:
21 - the top-left rectangle filled initially with a linear green-to-red gradient and turning into a solid green color after
5s.
22 - the top-right rectangle filled initially with a green gradient fully opaque on the left and half transparent on the right, but after
5s the rectangle should be filled with a fully opaque solid green.
23 - the bottom-left rectangle filled with a static green-to-black opaque gradient
24 - the bottom-right rectangle initially filled with a green-to-yellow fully-opaque gradient animated and turning into a fully-opaque green solid color.
25 Animations numbered a4 to a7 should have no impact.
29 <title id=
"test-title">$RCSfile: pservers-grad-
19-b.svg,v $
</title>
30 <!--======================================================================-->
31 <!--Content of Test Case follows... =====================-->
32 <!--======================================================================-->
33 <g id=
"test-body-content">
35 <g id=
"g0" stop-color=
"yellow" stop-opacity=
"0" color=
"yellow">
36 <animate id=
"a1" attributeName=
"stop-color" from=
"red" to=
"green" dur=
"5" fill=
"freeze"/>
37 <animate id=
"a2" attributeName=
"color" from=
"yellow" to=
"green" dur=
"5" fill=
"freeze"/>
38 <animate id=
"a3" attributeName=
"stop-opacity" from=
"0.5" to=
"1" dur=
"5" fill=
"freeze"/>
40 <linearGradient id=
"MyGradient1">
41 <stop offset=
"0" stop-color=
"green" stop-opacity=
"1"/>
42 <stop offset=
"1" stop-color=
"inherit" stop-opacity=
"1"/>
44 <linearGradient id=
"MyGradient2">
45 <stop offset=
"0" stop-color=
"green" stop-opacity=
"1"/>
46 <stop offset=
"1" stop-color=
"green" stop-opacity=
"inherit"/>
50 <linearGradient id=
"MyGradient3">
51 <stop offset=
"0" stop-color=
"green" stop-opacity=
"1"/>
54 <linearGradient id=
"MyGradient4">
55 <stop offset=
"0" stop-color=
"green" stop-opacity=
"1"/>
56 <stop offset=
"1" stop-color=
"currentColor" stop-opacity=
"1"/>
61 <g id=
"g1" stop-color=
"blue">
62 <animate id=
"a4" attributeName=
"stop-color" from=
"blue" to=
"red" dur=
"5" fill=
"freeze"/>
63 <rect id=
"r1" fill=
"url(#MyGradient1)" width=
"100" height=
"100" x=
"50" y=
"50"/>
65 <g id=
"g2" stop-opacity=
"1">
66 <animate id=
"a5" attributeName=
"stop-opacity" from=
"1" to=
"0" dur=
"5" fill=
"freeze"/>
67 <rect id=
"r2" fill=
"url(#MyGradient2)" width=
"100" height=
"100" x=
"200" y=
"50"/>
69 <g id=
"g3" stop-opacity=
"1" stop-color=
"blue">
70 <animate id=
"a6" attributeName=
"stop-color" from=
"blue" to=
"red" dur=
"5" fill=
"freeze"/>
71 <animate id=
"a7" attributeName=
"stop-opacity" from=
"1" to=
"0" dur=
"5" fill=
"freeze"/>
72 <rect id=
"r3" fill=
"url(#MyGradient3)" width=
"100" height=
"100" x=
"50" y=
"200"/>
74 <g id=
"g4" color=
"blue">
75 <animate id=
"a7" attributeName=
"color" from=
"blue" to=
"red" dur=
"5" fill=
"freeze"/>
76 <rect id=
"r4" fill=
"url(#MyGradient4)" width=
"100" height=
"100" x=
"200" y=
"200"/>
79 <text id=
"revision" x=
"10" y=
"340" font-size=
"40" stroke=
"none" fill=
"black">$Revision:
1.6 $
</text>
80 <rect id=
"test-frame" x=
"1" y=
"1" width=
"478" height=
"358" fill=
"none" stroke=
"#000"/>