SVG/Element/ellipse

Das ellipse-Element definiert in SVG ein Oval oder Ellipse. Es kann beinahe identisch beschrieben werden wie ein Kreis, nur dass es anstatt eines Radius zwei Werte gibt, welche Breite und Höhe repräsentieren.

Syntax

Start-Tag: notwendig

End-Tag: ggf. notwendig

Elternelemente

Darf vorkommen in:
jedem Element, das fließenden Inhalt erlaubt.

erlaubte Inhalte

animate, animateMotion, animateTransform, set, title (dann wird ein End-Tag nötig)

Attribute

Name	Inhalt	Standardwert	Bedeutung
cx	NUMBER	0px	X-Position der Mitte
cy	NUMBER	0px	Y-Position der Mitte
rx	NUMBER	Pixelwert	Radius in x-Richtung
ry	NUMBER	Pixelwert	Radius in y-Richtung
systemLanguage	IANA		Sprachkürzel
transform	CDATA

Attribut: Pflichtattribut
Attribut: optionales Attribut

Beispiel ansehen …

<ellipse id="eins" cx="70" cy="50" rx="60" ry="40" />
<ellipse id="zwei" cx="150" cy="100" rx="20" ry="60" />
<ellipse id="drei" cx="230" cy="55" rx="50" ry="50" />

Der „Kreis“ (mit der id="drei") ist auch eine Ellipse, aber mit gleichem Wert für rx und ry.

Siehe auch

• SVG/Tutorials/Einstieg/Grundformen
• SVG/Tutorials/Gruppierungen#Ellipsen

Weblinks

• W3C: EllipseElement