<
svg id="svg-root"
width="450"
height="450" xmlns:xlink="
http://www.w3.org/1999/xlink" xmlns="
http://www.w3.org/2000/svg" >
<
title id="test-title">color-datatypes-BE-01</
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>
<
g id="test-body-content">
<
g>
<
circle cx="75"
cy="50"
r="25"
style="
fill:#f00;"/>
<
circle cx="125"
cy="50"
r="25"
style="
fill:#ff0000;"/>
<
circle cx="75"
cy="100"
r="25"
style="
fill:rgb(255,0,0);"/>
<
circle cx="125"
cy="100"
r="25"
style="
fill:rgb(100%,0%,0%);"/>
<
polygon points="100,50 125,75 100,100 75,75"
style="
fill:red;"/>
</
g>
<
g>
<
circle cx="200"
cy="50"
r="25"
style="
fill:#0f0;"/>
<
circle cx="250"
cy="50"
r="25"
style="
fill:#00ff00;"/>
<
circle cx="200"
cy="100"
r="25"
style="
fill:rgb(0,255,0);"/>
<
circle cx="250"
cy="100"
r="25"
style="
fill:rgb(0%,100%,0%);"/>
<
polygon points="225,50 250,75 225,100 200,75"
style="
fill:lime;"/>
</
g>
<
g>
<
circle cx="325"
cy="50"
r="25"
style="
fill:#00f;"/>
<
circle cx="375"
cy="50"
r="25"
style="
fill:#0000ff;"/>
<
circle cx="325"
cy="100"
r="25"
style="
fill:rgb(0,0,255);"/>
<
circle cx="375"
cy="100"
r="25"
style="
fill:rgb(0%,0%,100%);"/>
<
polygon points="350,50 375,75 350,100 325,75"
style="
fill:blue;"/>
</
g>
<
g>
<
circle cx="75"
cy="175"
r="25"
style="
fill:#a01;"/>
<
circle cx="125"
cy="175"
r="25"
style="
fill:#aa0011;"/>
<
circle cx="75"
cy="225"
r="25"
style="
fill:rgb(170,0,17);"/>
<
circle cx="125"
cy="225"
r="25"
style="
fill:rgb(66.667%,0%,6.667%);"/>
</
g>
<
g>
<
circle cx="200"
cy="175"
r="25"
style="
fill:#3b3;"/>
<
circle cx="250"
cy="175"
r="25"
style="
fill:#33bb33;"/>
<
circle cx="200"
cy="225"
r="25"
style="
fill:rgb(51,187,51);"/>
<
circle cx="250"
cy="225"
r="25"
style="
fill:rgb(20%,73.333%,20%);"/>
</
g>
<
g>
<
circle cx="325"
cy="175"
r="25"
style="
fill:#57e;"/>
<
circle cx="375"
cy="175"
r="25"
style="
fill:#5577ee;"/>
<
circle cx="325"
cy="225"
r="25"
style="
fill:rgb(85,119,238);"/>
<
circle cx="375"
cy="225"
r="25"
style="
fill:rgb(33.333%,46.666%,93.333%);"/>
</
g>
<
g>
<
circle cx="75"
cy="300"
r="25"
style="
fill:indianred;"/>
<
circle cx="125"
cy="300"
r="25"
style="
fill:#CD5C5C;"/>
<
circle cx="75"
cy="350"
r="25"
style="
fill:rgb(205, 92, 92);"/>
<
circle cx="125"
cy="350"
r="25"
style="
fill:indianred;"/>
</
g>
<
g>
<
circle cx="200"
cy="300"
r="25"
style="
fill:lawngreen;"/>
<
circle cx="250"
cy="300"
r="25"
style="
fill:#7CFC00;"/>
<
circle cx="200"
cy="350"
r="25"
style="
fill:rgb(124, 252, 0);"/>
<
circle cx="250"
cy="350"
r="25"
style="
fill:lawngreen;"/>
</
g>
<
g>
<
circle cx="325"
cy="300"
r="25"
style="
fill:navy;"/>
<
circle cx="375"
cy="300"
r="25"
style="
fill:#00007F;"/>
<
circle cx="325"
cy="350"
r="25"
style="
fill:rgb( 0, 0, 128);"/>
<
circle cx="375"
cy="350"
r="25"
style="
fill:navy;"/>
</
g>
</
g>
<
g id="test-legend"
style="
fill:black;
font-family:Helvetica;
font-size:10;">
<
rect x="10"
y="390"
width="275"
height="50"
style="
fill:none;
stroke:#000000;"/>
<
path style="
fill:none;
stroke:#000000;"
d="M10 405 h275 M205 405 v35 M10 426 h195 M205 422 h80"/>
<
text x="25"
y="401">Scalable Vector Graphics (SVG) Conformance Suite</
text>
<
a xlink:href="copyright-documents-19990405.html">
<
text x="12"
y="437"
style="
fill:blue;">Copyright 2000 W3C. All Rights Reserved.</
text>
</
a>
<
text style="
font-size:12;"
x="35"
y="420">color-datatypes-BE-01</
text>
<
text style="
font-size:10;"
x="210"
y="417">$Revision: 1.1 $</
text>
<
text style="
font-size:10;"
x="210"
y="435">Release 2.0</
text>
<
rect id="test-frame"
x="1"
y="1"
width="448"
height="448"
style="
fill:none;
stroke:#000000;"/>
</
g>
</
svg>
