Grundformen

Da es sich bei SVG legentlich um die um die Beschreibung von Vektorgrafiken handelt besteht jede Grafik im Grunde nur aus:
Auf diese Grundformen möchte ich später eingehen. Zunächst noch weiter ein bisschen Theorie:
KordinatensystemDie 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 Elementcircle,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.

enü