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 Element
ellipse
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" />