<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.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 -->
<!-- -->
<!-- Author : Chris Lilley, 12-Aug-2000 -->
<!-- 1.1 revision by Rick Graham -->
<!-- Revised for SVGT/B: Benoit Bezaire Jul/02/2002 -->
<!-- More revision CL -->
<!--======================================================================-->
<svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 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.6 $" testname="color-prop-02-f.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 nine 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. This test is focussed on the X11 color names, which are not part of the tiny profile.
</Paragraph>
<Paragraph>
Each group uses four forms - 6-digit hex, rbg() integer form, rgb() percentage form,
and named ('X11') colors. It does not use 3-digit hex, because the colors used in this test
cannot be represented in three digit form.</Paragraph>
</OperatorScript>
</SVGTestCase>
<title id="test-title">color-prop-02-f.svg</title>
<desc id="test-desc">Test that viewer has the basic capability to render X11colors, 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="crimson"/>
<circle cx="115" cy="40" r="20" fill="#DC143C"/>
<circle cx="75" cy="80" r="20" fill="rgb(220,20,60)"/>
<circle cx="115" cy="80" r="20" fill="rgb(86.274509803921568627450980392157%,7.8431372549019607843137254901961%,23.529411764705882352941176470588%)"/>
</g>
<g>
<circle cx="200" cy="40" r="20" fill="palegreen"/>
<circle cx="240" cy="40" r="20" fill="#98FB98"/>
<circle cx="200" cy="80" r="20" fill="rgb(152, 251, 152)"/>
<circle cx="240" cy="80" r="20" fill="rgb(59.60784313725490196078431372549%,98.431372549019607843137254901961%,59.60784313725490196078431372549%)"/>
</g>
<g>
<circle cx="325" cy="40" r="20" fill="royalblue"/>
<circle cx="365" cy="40" r="20" fill="#4169E1"/>
<circle cx="325" cy="80" r="20" fill="rgb(65, 105, 225)"/>
<circle cx="365" cy="80" r="20" fill="rgb(25.490196078431372549019607843137%,41.176470588235294117647058823529%,88.235294117647058823529411764706%)"/>
</g>
<g>
<circle cx="75" cy="135" r="20" fill="firebrick"/>
<circle cx="115" cy="135" r="20" fill="#B22222"/>
<circle cx="75" cy="175" r="20" fill="rgb(178,34,34)"/>
<circle cx="115" cy="175" r="20" fill="rgb(69.803921568627450980392156862745%,13.333333333333333333333333333333%,13.333333333333333333333333333333%)"/>
</g>
<g>
<circle cx="200" cy="135" r="20" fill="seagreen"/>
<circle cx="240" cy="135" r="20" fill="#2E8B57"/>
<circle cx="200" cy="175" r="20" fill="rgb(46, 139, 87)"/>
<circle cx="240" cy="175" r="20" fill="rgb(18.039215686274509803921568627451%,54.509803921568627450980392156863%,34.117647058823529411764705882353%)"/>
</g>
<g>
<circle cx="325" cy="135" r="20" fill="mediumblue"/>
<circle cx="365" cy="135" r="20" fill="#0000CD"/>
<circle cx="325" cy="175" r="20" fill="rgb(0, 0, 205)"/>
<circle cx="365" cy="175" r="20" fill="rgb(0%,0%,80.39215686274509803921568627451%)"/>
</g>
<g>
<circle cx="75" cy="230" r="20" fill="indianred"/>
<circle cx="115" cy="230" r="20" fill="#CD5C5C"/>
<circle cx="75" cy="270" r="20" fill="rgb(205, 92, 92)"/>
<circle cx="115" cy="270" r="20" fill="rgb(80.39215686274509803921568627451%,36.078431372549019607843137254902%,36.078431372549019607843137254902%)"/>
</g>
<g>
<circle cx="200" cy="230" r="20" fill="lawngreen"/>
<circle cx="240" cy="230" r="20" fill="#7CFC00"/>
<circle cx="200" cy="270" r="20" fill="rgb(124, 252, 0)"/>
<circle cx="240" cy="270" r="20" fill="rgb(48.627450980392156862745098039216%,98.823529411764705882352941176471%,0%)"/>
</g>
<g>
<circle cx="325" cy="230" r="20" fill="mediumturquoise"/>
<circle cx="365" cy="230" r="20" fill="#48D1CC"/>
<circle cx="325" cy="270" r="20" fill="rgb(72, 209, 204)"/>
<circle cx="365" cy="270" r="20" fill="rgb(28.235294117647058823529411764706%,81.960784313725490196078431372549%,80%)"/>
</g>
</g>
<text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.6 $</text>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</svg>
Codebase Browser
chromium