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.dtd">
3 <svg xmlns=
"http://www.w3.org/2000/svg" xmlns:
xlink=
"http://www.w3.org/1999/xlink" version=
"1.1" baseProfile=
"basic" id=
"svg-root" width=
"100%" height=
"100%" viewBox=
"0 0 480 360">
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 <!-- struct-use-05-b.svg -->
14 <!-- Tests external references and computed inherited values -->
16 <!-- Author : Corel SVG Viewer QA team 01-05-2003 -->
17 <!-- Revised by: Benoit Bezaire -->
19 <!--======================================================================-->
22 xmlns:
testcase=
"http://www.w3.org/2000/02/svg/testsuite/description/"
23 xmlns=
"http://www.w3.org/2000/02/svg/testsuite/description/"
24 owner=
"BB" reviewer=
"CL" desc=
"Tests external references and
25 computed inherited values" status=
"accepted" version=
"$Revision: 1.6 $" testname=
"$RCSfile: struct-use-05-b.svg,v $">
27 <Paragraph>This file is intented to test the computed values in external references.
28 Both files (referencing and referenced) define similar colors/gradients via 'color', 'linearGradient' and 'radialGradient'.
29 The ids of those definitions are the same but the actual appearance are different. These definitions are used to test the
30 property inheritance feature of SVG.
32 <Paragraph>The top left rectangle should be filled with the blue linear gradient since the 'use' has a specified value
33 defined in the 'defs' section. The top right rectangle is forestgreen since the 'use' has a computed value.
34 The bottom left rectangle is also forestgreen since the fill is not inherited from the referenced element's original parent.
35 The bottom right rectangle is filled with the orange radial gradient since the computed value is given by the CSS cascade.
40 <title id=
"test-title">struct-use-
05-b.svg
</title>
41 <desc id=
"test-desc">Tests external references and computed inherited values
</desc>
43 <!--======================================================================-->
44 <!--Content of Test Case follows... =====================-->
45 <!--======================================================================-->
46 <g id=
"testContent" color=
"forestgreen">
48 <linearGradient id=
"linearGrad1" gradientUnits=
"objectBoundingBox" y1=
"0" x1=
"0" y2=
"1" x2=
"1">
49 <stop offset=
"000%" stop-color=
"royalblue"/>
50 <stop offset=
"033%" stop-color=
"white"/>
51 <stop offset=
"050%" stop-color=
"darkblue"/>
52 <stop offset=
"066%" stop-color=
"white"/>
53 <stop offset=
"100%" stop-color=
"royalblue"/>
56 <radialGradient id=
"radialGrad1" gradientUnits=
"objectBoundingBox" cx=
"0.5" cy=
"0.5" r=
"0.5" fx=
"0.15" fy=
"0.15">
57 <stop offset=
"000%" stop-color=
"royalblue"/>
58 <stop offset=
"033%" stop-color=
"white"/>
59 <stop offset=
"050%" stop-color=
"darkblue"/>
60 <stop offset=
"066%" stop-color=
"white"/>
61 <stop offset=
"100%" stop-color=
"royalblue"/>
65 <use xlink:
href=
"resources/svgRef1.svg#rect1" fill=
"url(#linearGrad1)"/>
66 <use xlink:
href=
"resources/svgRef1.svg#rect2" fill=
"currentColor"/>
67 <use xlink:
href=
"resources/svgRef1.svg#rect3"/>
68 <use xlink:
href=
"resources/svgRef1.svg#rect4"/>
71 <text font-size=
"24" x=
"240" y=
"35" text-anchor=
"middle">External references and computed values
</text>
73 <text id=
"revision" x=
"10" y=
"340" font-size=
"40" stroke=
"none" fill=
"black">$Revision:
1.6 $
</text>
74 <rect id=
"test-frame" x=
"1" y=
"1" width=
"478" height=
"358" fill=
"none" stroke=
"#000000"/>