Beispiel Quellcode
Grafische Darstellung:
SVG-Darstellung (nur SVG-fähige Browser!)
Screenshot JPG-Grafik
<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"
xmlns:xlink="http://www.w3.org/1999/xlink">
<title>das path-Element</title>
<desc>closepath</desc>
<defs>
<style type="text/css">
<![CDATA[
text {font-family:Verdana; font-size:12px; fill:black;}
path {fill:red; stroke:black; stroke-width:2px;}
]]>
</style>
</defs>
<rect x="1" y="1" width="198" height="198"
style="fill:dodgerblue;" />
<path d="M 10,80
v 40
h 70
v 70
h 40
v -70
h 70
v -40
h -70
v -70
h -40
v 70
z" />
<text x="20" y="98" style="fill:white;">
closepath z
</text>
<line x1="10" y1="80" x2="80" y2="80"
style="stroke:white; stroke-width:2px;" />
<circle cx="10" cy="80" r="3" />
<text x="5" y="72">Start</text>
</svg>
Durch die closepath-Anweisung Z oder z
wird ein Pfad geschlossen. Der user agent zeichnet eine gerade Linie vom zuletzt festgelegten
Punkt zu dem mit M festgelegent Startpunkt des Pfades.
Im obigen Beispiel ist die mit Hilfe der closepath-Anweisung erzeugte Linie weiß dargestellt.
| 
