SVG/Element/ellipse

Aus SELFHTML-Wiki
< SVG‎ | Element
Wechseln zu: Navigation, Suche

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

Weblinks