1 <?xml version=
"1.0" encoding=
"UTF-8"?>
2 <!DOCTYPE svg PUBLIC
"-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
4 <!--======================================================================-->
5 <!--= Copyright 2000 World Wide Web Consortium, (Massachusetts =-->
6 <!--= Institute of Technology, Institut National de Recherche en =-->
7 <!--= Informatique et en Automatique, Keio University). All Rights =-->
8 <!--= Reserved. See http://www.w3.org/Consortium/Legal/. =-->
9 <!--======================================================================-->
10 <!-- =====================================================================-->
12 <!-- gradPatt-referenc-BE-08.svg -->
13 <!-- renamed for 1.1 suite to pservers-grad-02-b.svg -->
15 <!-- Test that the viewer can handle the xlink:href attribute on -->
16 <!-- linear, radial gradients and patterns. -->
18 <!-- Author : Haroon Sheikh 08-Mar-2000 -->
19 <!-- & Philip Mansfield -->
20 <!-- Revised for 1.1 : Jun Fujisawa 19-Feb-2002 -->
23 <!-- 21-Aug-2000, PM=" fixed to validate against CR DTD, 20000802" ser#3 -->
24 <!-- 08-Mar-2000, HSS: Serial#1 created. -->
25 <!-- 03-Aug-2000, LH=" update DOCTYPE for CR DTD, 20000802" ser# . -->
26 <!-- 16-Aug-2000, LH="rename" ser#2. -->
28 <!-- =====================================================================-->
29 <!--======================================================================-->
30 <!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
31 <!--= log messages, and therefore is no longer in the preceding preamble.=-->
32 <!--======================================================================-->
33 <svg xmlns=
"http://www.w3.org/2000/svg" xmlns:
xlink=
"http://www.w3.org/1999/xlink" id=
"svg-root" viewBox=
"0 0 480 360" width=
"100%" height=
"100%" version=
"1.1" baseProfile=
"basic">
34 <SVGTestCase xmlns=
"http://www.w3.org/2000/02/svg/testsuite/description/">
35 <OperatorScript version=
"$Revision: 1.8 $" testname=
"pservers-grad-02-b.svg">
37 Test that the viewer can handle the xlink:href attribute on
41 There are two rectangles. The top one has
42 a radial gradient (black to orange) that should appear elliptical
43 to fit the aspect ratio of the rectangle. The units are
44 specified in objectBoundingBox space. The gradient
46 references the gradient of the top rectangle, but modifies
47 the units to use userSpace instead. So it is only using the
48 stops from the gradient to the left, with a different geometry. The radial gradient appears circular.
51 The rendered picture should match the reference image, except
52 for possible variations in the labelling text (per CSS2 rules).
56 <title id=
"test-title">pservers-grad-
02-b
</title>
57 <desc id=
"test-desc">Test that the viewer can handle the xlink:href attribute on linear, radial gradients and patterns.
</desc>
58 <!--======================================================================-->
59 <!--Content of Test Case follows... =====================-->
60 <!--======================================================================-->
61 <g id=
"test-body-content">
62 <!-- ====================================================================== -->
63 <!-- Radial Gradient using a xlink:href to another radial gradient -->
64 <!-- ====================================================================== -->
65 <radialGradient id=
"Grad2a" gradientUnits=
"objectBoundingBox" cx=
".5" cy=
".5" fx=
".5" fy=
".5" r=
".5">
66 <stop stop-color=
"black" offset=
"0"/>
67 <stop stop-color=
"rgb(255,165,0)" offset=
"1"/>
69 <radialGradient id=
"Grad2b" xlink:
href=
"#Grad2a" gradientUnits=
"userSpaceOnUse" cx=
"240" cy=
"190" fx=
"240" fy=
"190" r=
"40"/>
70 <rect x=
"20" y=
"20" width=
"440" height=
"80" fill=
"url(#Grad2a)" />
71 <text font-family=
"Arial" font-size=
"30" x=
"20" y=
"130">Radial gradient.
</text>
72 <rect x=
"20" y=
"150" width=
"440" height=
"80" fill=
"url(#Grad2b)" />
73 <text font-family=
"Arial" font-size=
"30" x=
"20" y=
"260">Referencing gradient below.
</text>
75 <text id=
"revision" x=
"10" y=
"340" font-size=
"40" stroke=
"none" fill=
"black">$Revision:
1.8 $
</text>
76 <rect id=
"test-frame" x=
"1" y=
"1" width=
"478" height=
"358" fill=
"none" stroke=
"#000000"/>