<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.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-datatypes-BE-01.svg -->
<!-- renamed for 1.1 suite to color-prop-02-f.svg -->
<!-- renamed for SVGT/B to color-prop-03-t.svg -->
<!-- -->
<!-- Check for equivalence of color datatypes in the color property -->
<!-- -->
<!-- -->
<!-- Author : Chris Lilley, 12-Aug-2000 -->
<!-- 1.1 revision by Rick Graham -->
<!-- Revised for SVGT/B: Benoit Bezaire Jul/02/2002 -->
<!-- -->
<!-- History: -->
<!-- 12-Aug-2000, CL, Serial#1 created. Matches 20000802 SVG spec. -->
<!-- 21-Aug-2000, LH - rename consistent with tests in *color* chapter. -->
<!-- -->
<!-- ===================================================================== -->
<!--======================================================================-->
<!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
<!--= log messages, and therefore is no longer in the preceding preamble.=-->
<!--======================================================================-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="tiny" 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.5 $" testname="color-prop-03-t.svg">
<Paragraph>
Purpose of test is to determine if the color datatype is supported. There are multiple syntaxes for
specifying the same color, such as #37F and #3377FF. For each of the six groups shown here,
each of the shapes in the group uses one of the syntactical forms and all in the group should
be identical in color.
</Paragraph>
<Paragraph>
The first row uses five forms - 3-digit hex, 6-digit hex, rbg() integer form, rgb() percentage form,
and named ('HTML') colors.</Paragraph>
<Paragraph>
The second row uses only four forms - 3-digit hex, 6-digit hex, rbg() integer form, rgb() percentage form -
as there are no HTML or X11 names for those colors.</Paragraph>
</OperatorScript>
</SVGTestCase>
<title id="test-title">color-prop-03-t.svg</title>
<desc id="test-desc">Test that viewer has the basic capability to render colors, specified as CSS attributes, using any of the equivalent forms.</desc>
<!--======================================================================-->
<!--Content of Test Case follows... =====================-->
<!--======================================================================-->
<g id="test-body-content">
<!-- groups of five colors -->
<g>
<circle cx="75" cy="40" r="20" fill="#f00"/>
<circle cx="115" cy="40" r="20" fill="#ff0000"/>
<circle cx="75" cy="80" r="20" fill="rgb(255,0,0)"/>
<circle cx="115" cy="80" r="20" fill="rgb(100%,0%,0%)"/>
<polygon points="95,40 115,60 95,80 75,60" fill="red"/>
</g>
<g>
<circle cx="200" cy="40" r="20" fill="#0f0"/>
<circle cx="240" cy="40" r="20" fill="#00ff00"/>
<circle cx="200" cy="80" r="20" fill="rgb(0,255,0)"/>
<circle cx="240" cy="80" r="20" fill="rgb(0%,100%,0%)"/>
<!-- 'lime' (full intensity green) NOT 'green' (half intensity green) -->
<polygon points="220,40 240,60 220,80 200,60" fill="lime"/>
</g>
<g>
<circle cx="325" cy="40" r="20" fill="#00f"/>
<circle cx="365" cy="40" r="20" fill="#0000ff"/>
<circle cx="325" cy="80" r="20" fill="rgb(0,0,255)"/>
<circle cx="365" cy="80" r="20" fill="rgb(0%,0%,100%)"/>
<polygon points="345,40 365,60 345,80 325,60" fill="blue"/>
</g>
<!-- no names for three digit colors except for 00 and ff -->
<!-- 11=17 22=34 33=51 44=68 55=85 66=102 77=119
88=136 99=153 aa=170 bb=187 cc=204 dd=221 ee=238 -->
<g>
<circle cx="75" cy="135" r="20" fill="#a01"/>
<circle cx="115" cy="135" r="20" fill="#aa0011"/>
<circle cx="75" cy="175" r="20" fill="rgb(170,0,17)"/>
<circle cx="115" cy="175" r="20" fill="rgb(66.667%,0%,6.667%)"/>
</g>
<g>
<circle cx="200" cy="135" r="20" fill="#3b3"/>
<circle cx="240" cy="135" r="20" fill="#33bb33"/>
<circle cx="200" cy="175" r="20" fill="rgb(51,187,51)"/>
<circle cx="240" cy="175" r="20" fill="rgb(20%,73.333%,20%)"/>
</g>
<g>
<circle cx="325" cy="135" r="20" fill="#57e"/>
<circle cx="365" cy="135" r="20" fill="#5577ee"/>
<circle cx="325" cy="175" r="20" fill="rgb(85,119,238)"/>
<circle cx="365" cy="175" r="20" fill="rgb(33.333%,46.666%,93.333%)"/>
</g>
</g>
<text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.5 $</text>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</svg>
Codebase Browser
chromium