- Linien
- Kreisen
- Rechtecken
- Pfaden
- Texten
Auf diese Grundformen möchte ich später eingehen. Zunächst noch weiter ein bisschen Theorie:
Die Ganzen Grundformen werden mithilfe von Koordinaten in dem SVG-Dokument positioniert. Dazu haben die Grundformen immer x und y Attribute als Ausgangspunkt dient immer das nächst höhere Element, genauer gesagt die linke obere Ecke. Diesen Unterschied zu normalen Koordinatensystem verwirrt anfangs. Der rote Punkt wird so definiert:
<circle cx="6" cy="7" r="0,25" fill="red"
stroke="black" stroke-width="1"/>
Da es sich um einen Kreis handelt heißt das Element
circle
,cx & cy
sind die X und Y Koordinaten des Mittelpunkts,r
gibt den Radius des Kreises an undfill, stroke & stroke-width
definieren das Aussehen Füllung, Rahmen und Rahmenstärke das zu mehr im Kapitel Styling.