<
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">paint-markers-BE-04</
title>
<
desc id="test-desc">Examines rendering model for markers</
desc>
<
g id="test-body-content"
style="
fill:green;">
<
marker id="marker1"
viewBox="0 0 10 10"
markerWidth="2"
markerHeight="2"
refX="5"
refY="5"
markerUnits="strokeWidth">
<
rect width="10"
height="10"/>
</
marker>
<
marker id="marker2"
viewBox="0 0 20 20"
markerWidth="2"
markerHeight="2"
refX="10"
refY="10"
markerUnits="strokeWidth">
<
rect width="20"
height="20"/>
</
marker>
<
marker id="marker3"
viewBox="0 0 10 10"
markerWidth="2"
markerHeight="2"
refX="5"
refY="5"
markerUnits="strokeWidth">
<
rect width="10"
height="10"
style="
stroke:blue;"/>
</
marker>
<
text x="125"
y="30"
style="
font-family:Helvetica;
font-size:14;
fill:black;">Marker Rendering Properties</
text>
<
text x="20"
y="90"
style="
font-family:Helvetica;
font-size:10;
fill:black;
stroke:none;">Fill Property</
text>
<
path style="
fill:black;
stroke:none;
stroke-width:8;
marker:url(#marker1);"
d="M 130 60 L 180 60 L 180 110 Z"/>
<
g transform="translate(120,0)">
<
path style="
fill:black;
stroke:none;
stroke-width:8;"
d="M 130 60 L 180 60 L 180 110 Z"/>
<
g transform="translate(130,60) scale(8) scale(0.2, 0.2) translate(-5, -5)"
style="
fill:black;
stroke:none;
stroke-width:8;">
<
rect width="10"
height="10"/>
</
g>
<
g transform="translate(180,60) scale(8) scale(0.2, 0.2) translate(-5, -5)"
style="
fill:black;
stroke:none;
stroke-width:8;">
<
rect width="10"
height="10"/>
</
g>
<
g transform="translate(180,110) scale(8) scale(0.2, 0.2) translate(-5, -5)"
style="
fill:black;
stroke:none;
stroke-width:8;">
<
rect width="10"
height="10"/>
</
g>
</
g>
<
text x="20"
y="170"
style="
font-family:Helvetica;
font-size:10;
fill:black;
stroke:none;">Stroke Property</
text>
<
path style="
fill:none;
stroke:black;
stroke-width:4;
marker:url(#marker2);"
d="M 130 140 L 180 140 L 180 190 Z"/>
<
g transform="translate(120,0)">
<
path style="
fill:none;
stroke:black;
stroke-width:4;"
d="M 130 140 L 180 140 L 180 190 Z"/>
<
g transform="translate(130,140) scale(4) scale(0.1, 0.1) translate(-10, -10)"
style="
fill:none;
stroke:black;
stroke-width:4;">
<
rect width="20"
height="20"/>
</
g>
<
g transform="translate(180,140) scale(4) scale(0.1, 0.1) translate(-10, -10)"
style="
fill:none;
stroke:black;
stroke-width:4;">
<
rect width="20"
height="20"/>
</
g>
<
g transform="translate(180,190) scale(4) scale(0.1, 0.1) translate(-10, -10)"
style="
fill:none;
stroke:black;
stroke-width:4;">
<
rect width="20"
height="20"/>
</
g>
</
g>
<
g style="
fill:red;
stroke:blue;">
<
text x="20"
y="250"
style="
font-family:Helvetica;
font-size:10;
fill:black;
stroke:none;">Parent Properties</
text>
<
path style="
stroke:black;
stroke-width:4;
marker:url(#marker2);"
d="M 130 220 L 180 220 L 180 270 Z"/>
<
g transform="translate(120,0)">
<
path style="
stroke:black;
stroke-width:4;"
d="M 130 220 L 180 220 L 180 270 Z"/>
<
g transform="translate(130,220) scale(4) scale(0.1, 0.1) translate(-10, -10)"
style="
stroke:black;
stroke-width:4;">
<
rect width="20"
height="20"/>
</
g>
<
g transform="translate(180,220) scale(4) scale(0.1, 0.1) translate(-10, -10)"
style="
stroke:black;
stroke-width:4;">
<
rect width="20"
height="20"/>
</
g>
<
g transform="translate(180,270) scale(4) scale(0.1, 0.1) translate(-10, -10)"
style="
stroke:black;
stroke-width:4;">
<
rect width="20"
height="20"/>
</
g>
</
g>
</
g>
<
g style="
fill:red;
stroke:green;">
<
text x="20"
y="330"
style="
font-family:Helvetica;
font-size:10;
fill:black;
stroke:none;">Mixed Properties</
text>
<
path style="
stroke-width:4;
marker:url(#marker3);"
d="M 130 300 L 180 300 L 180 350 Z"/>
<
g transform="translate(120,0)">
<
path style="
stroke-width:4;"
d="M 130 300 L 180 300 L 180 350 Z"/>
<
g transform="translate(130,300) scale(4) scale(0.2, 0.2) translate(-5, -5)"
style="
stroke-width:4;">
<
rect width="10"
height="10"
style="
stroke:blue;"/>
</
g>
<
g transform="translate(180,300) scale(4) scale(0.2, 0.2) translate(-5, -5)"
style="
stroke-width:4;">
<
rect width="10"
height="10"
style="
stroke:blue;"/>
</
g>
<
g transform="translate(180,350) scale(4) scale(0.2, 0.2) translate(-5, -5)"
style="
stroke-width:4;">
<
rect width="10"
height="10"
style="
stroke:blue;"/>
</
g>
</
g>
</
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">paint-markers-BE-04</
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>
