SVG/Element/circle
Aus SELFHTML-Wiki
Das circle-Element definiert einen Kreis in SVG.
- 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
Name | Inhalt | Standardwert | Bedeutung |
---|---|---|---|
cx | NUMBER | 0px | X-Position der Mitte |
cy | NUMBER | 0px | Y-Position der Mitte |
r | NUMBER | Pixelwert | Radius |
systemLanguage | IANA | Sprachkürzel | |
transform | CDATA |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Beispiel
<svg>
<circle id="eins" cx="190" cy="70" r="50" />
<circle id="zwei" cx="100" cy="200" r="20" />
</svg>
Beachten Sie:
Wenn Sie für cx und cy keine Angaben machen, wird der Kreis um den Punkt 0,0 herum gezeichnet.
Empfehlung: Sie können sowohl Farben und Randlinien als auch die Geometrieattribute cx, cy und r im Stylesheet definieren.
Siehe auch
Weblinks
- W3C: CircleElement