Kreise / Ellipsen
Ein Kreis in SVG besteht aus dem Elementcircle. Anzugeben ist die Lage de Mittelpunkts und der Radius. Für den Mittelpunktcx & cy und für den Radiusr. Für die Flächefill und den Rahmenstroke.
Ein Beispiel:
<circle cx="6" cy="7" r="2.5"
style="fill: green; stroke:blue; stroke-width:2px;" />
Bei einer Ellipse verwendet man das Elementellipse und benötigt man anstatt dem Attributr beim Kreis zwei Radien einen Horizontale und einen für die Vertikalerx & ry im Beispiel fürrx 5 und fürry 2 es folgt der Beispielcode:
<ellipse cx="5" cy="2" rx="5" ry="2"
fill="red" stroke="green"
stroke-width="5px" />