Kreis und Ellipse

Mit dem <circle>-Tag können Sie einen Kreis mit gewünschten Zentrum und Radius erstellen. Für Ellipsen verwenden Sie den <ellipse>-Tag.

Kreis

cx

x-Koordinate des Zentrums

cy

y-Koordinate des Zentrums

r

Radius

<circle cx="50" cy="50" r="30" fill="#01b8aa" />
../../../_images/circle.png

Ellipse

cx

x-Koordinate des Zentrums

cy

y-Koordinate des Zentrums

rx

Horizontaler Radius

ry

Vertikaler Radius

<ellipse cx="50" cy="50" rx="30" ry="40" fill="#01b8aa" />
../../../_images/ellipse.png