<
svg id="svg-root"
width="450"
height="450" Surfns="
http://www.w3.org/2000/svg" Surfns:xlink="
http://www.w3.org/1999/xlink" >
<
title id="test-title">path-lines-BE-01</
title>
<
desc id="test-desc">Test that viewer has the basic capability to handle the <path> element and data (d) attribute in combination with the moveto, lineto, and closepath commands - M, L, Z, m, l, and z.</
desc>
<
g id="test-body-content">
<
text style="
font-family:Helvetica;
font-size:12;"
x="160"
y="14">Lines drawn with commands:</
text>
<
text style="
font-family:Helvetica;
font-size:12;"
x="88"
y="60">M, L, L, L, Z,</
text>
<
text style="
font-family:Helvetica;
font-size:12;"
x="98"
y="76">subpath</
text>
<
text style="
font-family:Helvetica;
font-size:12;"
x="88"
y="91">M, L, L, L, Z</
text>
<
path id="Triangle_stroke_MLZ"
style="
fill:none;
stroke:#000000;"
d=" M 62.00000 96.00000 L 113.96152 186.00000 L 10.03848 186.00000 L 62.00000 96.00000 Z M 62.00000 111.00000 L 100.97114 178.50000 L 23.02886 178.50000 L 62.00000 111.00000 Z "/>
<
rect x="60.00000"
y="94.00000"
width="4"
height="4"
style="
fill:#00C000;
stroke:none;"/>
<
rect x="111.96152"
y="184.00000"
width="4"
height="4"
style="
fill:#00C000;
stroke:none;"/>
<
rect x="8.03848"
y="184.00000"
width="4"
height="4"
style="
fill:#00C000;
stroke:none;"/>
<
rect x="60.00000"
y="109.00000"
width="4"
height="4"
style="
fill:#00C000;
stroke:none;"/>
<
rect x="98.97114"
y="176.50000"
width="4"
height="4"
style="
fill:#00C000;
stroke:none;"/>
<
rect x="21.02886"
y="176.50000"
width="4"
height="4"
style="
fill:#00C000;
stroke:none;"/>
<
text style="
font-family:Helvetica;
font-size:12;"
x="42"
y="202">stroked</
text>
<
path id="Triangle_fill_MLZ"
style="
fill:#FF0000;
stroke:none;
fill-rule:evenodd;"
d=" M 177.00000 96.00000 L 228.96152 186.00000 L 125.03848 186.00000 L 177.00000 96.00000 Z M 177.00000 111.00000 L 215.97114 178.50000 L 138.02886 178.50000 L 177.00000 111.00000 Z "/>
<
rect x="175.00000"
y="94.00000"
width="4"
height="4"
style="
fill:#00C000;
stroke:none;"/>
<
rect x="226.96152"
y="184.00000"
width="4"
height="4"
style="
fill:#00C000;
stroke:none;"/>
<
rect x="123.03848"
y="184.00000"
width="4"
height="4"
style="
fill:#00C000;
stroke:none;"/>
<
rect x="175.00000"
y="109.00000"
width="4"
height="4"
style="
fill:#00C000;
stroke:none;"/>
<
rect x="213.97114"
y="176.50000"
width="4"
height="4"
style="
fill:#00C000;
stroke:none;"/>
<
rect x="136.02886"
y="176.50000"
width="4"
height="4"
style="
fill:#00C000;
stroke:none;"/>
<
text style="
font-family:Helvetica;
font-size:12;"
x="162"
y="202">filled</
text>
<
text style="
font-family:Helvetica;
font-size:12;"
x="96"
y="240">m, l, l, l, z,</
text>
<
text style="
font-family:Helvetica;
font-size:12;"
x="100"
y="254">subpath</
text>
<
text style="
font-family:Helvetica;
font-size:12;"
x="97"
y="268">m, l, l, l, z</
text>
<
path id="Triangle_stroke_mlz"
style="
fill:none;
stroke:#000000;"
d=" m 62.00000 270.00000 l 51.96152 90.00000 l -103.92304 0.00000 l 51.96152 -90.00000 z m 0.00000 15.00000 l 38.97114 67.50000 l -77.91228 0.00000 l 38.97114 -67.50000 z "/>
<
rect x="60.00000"
y="268.00000"
width="4"
height="4"
style="
fill:#FF0000;
stroke:none;"/>
<
rect x="111.96152"
y="358.00000"
width="4"
height="4"
style="
fill:#FF0000;
stroke:none;"/>
<
rect x="8.03848"
y="358.00000"
width="4"
height="4"
style="
fill:#FF0000;
stroke:none;"/>
<
rect x="60.00000"
y="283.00000"
width="4"
height="4"
style="
fill:#FF0000;
stroke:none;"/>
<
rect x="98.97114"
y="350.50000"
width="4"
height="4"
style="
fill:#FF0000;
stroke:none;"/>
<
rect x="21.02886"
y="350.50000"
width="4"
height="4"
style="
fill:#FF0000;
stroke:none;"/>
<
path id="Triangle_fill_mlz"
style="
fill:#00C000;
stroke:none;
fill-rule:evenodd;"
d=" m 177.00000 270.00000 l 51.96152 90.00000 l -103.92304 0.00000 l 51.96152 -90.00000 z m 0.00000 15.00000 l 38.97114 67.50000 l -77.91228 0.00000 l 38.97114 -67.50000 z "/>
<
rect x="175.00000"
y="268.00000"
width="4"
height="4"
style="
fill:#FF0000;
stroke:none;"/>
<
rect x="226.96152"
y="358.00000"
width="4"
height="4"
style="
fill:#FF0000;
stroke:none;"/>
<
rect x="123.03848"
y="358.00000"
width="4"
height="4"
style="
fill:#FF0000;
stroke:none;"/>
<
rect x="175.00000"
y="283.00000"
width="4"
height="4"
style="
fill:#FF0000;
stroke:none;"/>
<
rect x="213.97114"
y="350.50000"
width="4"
height="4"
style="
fill:#FF0000;
stroke:none;"/>
<
rect x="136.02886"
y="350.50000"
width="4"
height="4"
style="
fill:#FF0000;
stroke:none;"/>
<
text style="
font-family:Helvetica;
font-size:12;"
x="288"
y="60">M, H, V, H,</
text>
<
text style="
font-family:Helvetica;
font-size:12;"
x="288"
y="76">V. H, V, H,</
text>
<
text style="
font-family:Helvetica;
font-size:12;"
x="304"
y="92">V, Z</
text>
<
path id="Stairs_stroke_MHVZ"
style="
fill:none;
stroke:#000000;"
d=" M 240.00000 96.00000 H 270.00000 V 126.00000 H 300.00000 V 156.00000 H 330.00000 V 186.00000 H 240.00000 V 96.00000 Z "/>
<
rect x="238.00000"
y="94.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
rect x="268.00000"
y="94.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
rect x="268.00000"
y="124.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
rect x="298.00000"
y="124.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
rect x="298.00000"
y="154.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
rect x="328.00000"
y="154.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
rect x="328.00000"
y="184.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
rect x="238.00000"
y="184.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
path id="Stairs_fill_MHVZ"
style="
fill:#0000FF;
stroke:none;"
d=" M 350.00000 96.00000 H 380.00000 V 126.00000 H 410.00000 V 156.00000 H 440.00000 V 186.00000 H 350.00000 V 96.00000 Z "/>
<
rect x="348.00000"
y="94.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
rect x="378.00000"
y="94.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
rect x="378.00000"
y="124.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
rect x="408.00000"
y="124.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
rect x="408.00000"
y="154.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
rect x="438.00000"
y="154.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
rect x="438.00000"
y="184.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
rect x="348.00000"
y="184.00000"
width="4"
height="4"
style="
fill:#FFFF00;
stroke:none;"/>
<
text style="
font-family:Helvetica;
font-size:12;"
x="288"
y="240">m, h, v, h</
text>
<
text style="
font-family:Helvetica;
font-size:12;"
x="288"
y="254">v, h, v, h</
text>
<
text style="
font-family:Helvetica;
font-size:12;"
x="304"
y="268">v, z</
text>
<
path id="Stairs_stroke_mhvz"
style="
fill:none;
stroke:#000000;"
d=" m 240.00000 270.00000 h 30.00000 v 30.00000 h 30.00000 v 30.00000 h 30.00000 v 30.00000 h -90.00000 v -90.00000 z "/>
<
rect x="238.00000"
y="268.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
<
rect x="268.00000"
y="268.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
<
rect x="268.00000"
y="298.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
<
rect x="298.00000"
y="298.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
<
rect x="298.00000"
y="328.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
<
rect x="328.00000"
y="328.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
<
rect x="328.00000"
y="358.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
<
rect x="238.00000"
y="358.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
<
path id="Stairs_fill_mhvz"
style="
fill:#FFFF00;
stroke:none;"
d=" m 350.00000 270.00000 h 30.00000 v 30.00000 h 30.00000 v 30.00000 h 30.00000 v 30.00000 h -90.00000 v -90.00000 z "/>
<
rect x="348.00000"
y="268.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
<
rect x="378.00000"
y="268.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
<
rect x="378.00000"
y="298.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
<
rect x="408.00000"
y="298.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
<
rect x="408.00000"
y="328.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
<
rect x="438.00000"
y="328.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
<
rect x="438.00000"
y="358.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
<
rect x="348.00000"
y="358.00000"
width="4"
height="4"
style="
fill:#0000FF;
stroke:none;"/>
</
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">path-lines-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>
