XML-basierte Visualisierung von Geodaten ... - GIS-Management

Behr
die Stützpunkte zu. path-Elemente repräsentieren den Außenrand einer Figur, die auf verschiedene
Weise gefüllt und umrandet werden kann. Eine solche Figur kann gleichzeitig noch als Clipping Path
verwendet werden, um Teile der Graphik auszublenden. Das nachfolgende Beispiel (Abbildung 8)
zeigt wieder ein Dreieck, dieses Mal jedoch nicht über ein polygon-Element, sondern über ein path-
Element modelliert.
2.4.7 Texte
Abbildung 8: Beispiel eines path-Elements in SVG (Quelle: http://www.w3c.org/)
Um Texte in SVG zu erzeugen wird das text-Element verwendet. Die Attribute x und y beziehen
sich auf den Startpunkt der Grundlinie, unterhalb des Textes. Ein Beispiel:
SVG
Die Schriftart kann durch die Stileigenschaft font-family, die Schriftgröße durch font-size
angegeben werden. Mit Hilfe eines optionalen Attributs text-anchor kann der Text zentriert, linksoder
rechtsbündig ausgegeben werden. Unter Verwendung von können mehrzeilige Texte
erstellt und durch die Transformation transform="rotate(...)" gegebenenfalls auch gedreht
werden. Verschiedene Gestaltungsmöglichkeiten zeigt Abbildung 9.
Abbildung 9: Texte sind in SVG vielfältig gestaltbar (Kupke & Metzger 2000).