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">
3 <!--======================================================================-->
4 <!--= Copyright 2000 World Wide Web Consortium, (Massachusetts =-->
5 <!--= Institute of Technology, Institut National de Recherche en =-->
6 <!--= Informatique et en Automatique, Keio University). All Rights =-->
7 <!--= Reserved. See http://www.w3.org/Consortium/Legal/. =-->
8 <!--======================================================================-->
9 <!-- ==================================================================== -->
10 <!-- styling-inherit-01-b.svg -->
11 <!-- Author : Chris Lilley 21 March 2002 -->
12 <!--======================================================================-->
13 <svg version=
"1.1" xmlns=
"http://www.w3.org/2000/svg" xmlns:
xlink=
"http://www.w3.org/1999/xlink" id=
"svg-root" width=
"480" height=
"360" viewBox=
"0 0 480 360" baseProfile=
"tiny">
14 <SVGTestCase xmlns=
"http://www.w3.org/2000/02/svg/testsuite/description/">
16 <Paragraph>Verify property inheritance as required by
6.15 "Property
17 inheritance". Since all implementations are required to do this, only
18 presentation attributes are used.
20 <Paragraph>At the center right, there is an ellipse. The fill color is not
21 specified on that element but on its parent. The ellipse should be filled a solid yellow
23 <Paragraph>At the top left, an oval shape is formed from a rectangle
24 with a radial gradient. The color of the middle stop uses the keyword 'inherit'
25 and thus takes its parent's value of green, giving a yellow, green, white gradient.
</Paragraph>
26 <Paragraph>At the bottom left, an oval shape is formed from a rectangle
27 with a radial gradient. The color of the middle stop uses the value 'currentColor'
28 and thus takes the value its parent's color property, a dark red,
29 giving a yellow, dark red, white gradient.
</Paragraph>
32 <title id=
"test-title">styling-inherit-
01-b
</title>
33 <desc id=
"test-desc">Verify property inheritance
35 <!--======================================================================-->
36 <!--Content of Test Case follows... =====================-->
37 <!--======================================================================-->
38 <g id=
"test-body-content">
41 <ellipse rx=
"90" ry=
"60" cx=
"330" cy=
"140"/>
44 <radialGradient id=
"ygw" stop-color=
"green">
45 <stop offset=
"0%" stop-color=
"yellow"/>
46 <stop offset=
"50%" stop-color=
"inherit"/>
47 <stop offset=
"100%" stop-color=
"white"/>
49 <rect width=
"180" height=
"120" x=
"40" y=
"20" stroke=
"none" fill=
"url(#ygw)"/>
50 <radialGradient id=
"yrw" color=
"#700">
51 <stop offset=
"0%" stop-color=
"yellow"/>
52 <stop offset=
"50%" stop-color=
"currentColor"/>
53 <stop offset=
"100%" stop-color=
"white"/>
55 <rect width=
"180" height=
"120" x=
"40" y=
"160" stroke=
"none" fill=
"url(#yrw)"/>
57 <text id=
"revision" x=
"10" y=
"340" font-size=
"40" stroke=
"none" fill=
"black">$Revision:
1.2 $
</text>
58 <rect id=
"test-frame" x=
"1" y=
"1" width=
"478" height=
"358" fill=
"none" stroke=
"#000000"/>