blob: e91de1e046865d3bdbe5ab593c2b760eda702a98 [file] [log] [blame]
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
<!--======================================================================-->
<!--= Copyright 2000 World Wide Web Consortium, (Massachusetts =-->
<!--= Institute of Technology, Institut National de Recherche en =-->
<!--= Informatique et en Automatique, Keio University). All Rights =-->
<!--= Reserved. See http://www.w3.org/Consortium/Legal/. =-->
<!--======================================================================-->
<!-- ===================================================================== -->
<!-- color-property-BE-02.svg -->
<!-- renamed for SVGT/B to color-prop-01-b.svg -->
<!-- Author : Chris Lilley, 28-Jul-2000 -->
<!-- Revised for SVGT/B: Benoit Bezaire Jul/02/2002 -->
<!--======================================================================-->
<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">
<SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
<OperatorScript version="$Revision: 1.4 $" testname="color-prop-01-b.svg">
<Paragraph>
The purpose of this test is to determine if an application has the basic capability to process
the 'color' property. There are three subtests.
</Paragraph>
<Paragraph>
The first subtest, to the top left, is passed if the circle has a red fill. The second subtest,
to the top right, is passed if the circle has a red stroke. The third subtest shows a rectangle
with a gradient fill, which has three stops. The subtest is passed if central stop is red,
fading off to blue to the left and pale yellow to the right.
</Paragraph>
</OperatorScript>
</SVGTestCase>
<title id="test-title">color-prop-01-b</title>
<desc id="test-desc">Test that viewer has the basic capability to process the color property</desc>
<!--======================================================================-->
<!--Content of Test Case follows... =====================-->
<!--======================================================================-->
<g id="test-body-content">
<defs>
<linearGradient id="grad" color="red">
<stop offset="5%" stop-color="#60F"/>
<stop offset="50%" stop-color="currentColor"/>
<stop offset="95%" stop-color="#FF6"/>
</linearGradient>
</defs>
<g color="red">
<g color="inherit" fill="none" stroke="none">
<!-- inherit to check the property value, not the string, is being used -->
<circle cx="130" cy="80" r="60" fill="currentColor"/>
<circle cx="350" cy="80" r="60" stroke="currentColor" stroke-width="4"/>
</g>
</g>
<g color="blue">
<g color="inherit" fill="none" stroke="none">
<!-- blue color used to check color being scoped and inherited correctly -->
<rect x="60" y="215" width="360" height="80" fill="url(#grad)"/>
</g>
</g>
<g font-size="30" fill="black">
<text x="120" y="170">fill</text>
<text x="310" y="170">stroke</text>
<text x="180" y="205">stop-color</text>
</g>
</g>
<text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.4 $</text>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</svg>