<
svg id="svg-root"
width="450"
height="450"
zoomAndPan="magnify"
preserveAspectRatio="xMidYMid meet"
contentScriptType="text/ecmascript"
contentStyleType="text/css" xmlns:xlink="
http://www.w3.org/1999/xlink" xmlns="
http://www.w3.org/2000/svg" >
<
title id="test-title"
content="structured text">rendering-shape-BE-03</
title>
<
desc id="test-desc"
content="structured text">This test validates that shapes can be both filled and stroked.</
desc>
<
g id="test-body-content">
<
g transform="translate(30, 60)">
<
g style="
fill:red;">
<
path d="M20,0 l20,0 l20,20 l0,20 l-20,20 l-20,0 l-20,-20 l0,-20 z"/>
</
g>
<
g style="
fill:black;"
transform="translate(110, 0)">
<
path d="M20,0 l20,0 l20,20 l0,20 l-20,20 l-20,0 l-20,-20 l0,-20 z"/>
</
g>
<
text x="200"
y="30">Shape fill</
text>
</
g>
<
g transform="translate(30, 160)">
<
g style="
fill:none;
stroke:red;
stroke-width:1;">
<
path d="M20,0 l20,0 l20,20 l0,20 l-20,20 l-20,0 l-20,-20 l0,-20 z"/>
</
g>
<
g style="
fill:none;
stroke:black;
stroke-width:3;"
transform="translate(110, 0)">
<
path d="M20,0 l20,0 l20,20 l0,20 l-20,20 l-20,0 l-20,-20 l0,-20 z"/>
</
g>
<
text x="200"
y="30">Shape stroke</
text>
</
g>
<
g transform="translate(30, 260)">
<
g style="
fill:yellow;
stroke:red;
stroke-width:4;">
<
path d="M20,0 l20,0 l20,20 l0,20 l-20,20 l-20,0 l-20,-20 l0,-20 z"/>
</
g>
<
g style="
stroke:black;
fill:blue;
stroke-width:4;"
transform="translate(110, 0)">
<
path d="M20,0 l20,0 l20,20 l0,20 l-20,20 l-20,0 l-20,-20 l0,-20 z"/>
</
g>
<
text x="200"
y="30">Shape fill and stroke</
text>
</
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"
xlink:actuate="onRequest"
xlink:show="replace"
xlink:type="simple">
<
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">rendering-shape-BE-03</
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>
