SVG/Attribut/cx

Das cx-Attribut gibt die X-Achsenkoordinate der Mitte des Elements an.

Erlaubte Werte

Längenangabe

Standardwert

0

anwendbar auf

circle, ellipse, radialGradient

Präsentationsattribut

ja

mit CSS animierbar

ja

Beispiel

<circle cx="100" .... />

Der Kreis hat seinen Mittelpunkt 100 Einheiten vom linken Rand entfernt.

Beachten Sie: In radialGradient ist cx kein Präsentationsattribut.

Empfehlung: Wenn kein cx-Attribut gesetzt ist, wird ein Wert von 0 angenommen, sodass der Kreis / die Ellipse um den Nullpunkt herum gezeichnet wird und im Normalfall nur teilweise zu sehen ist.

Firefox benötigt für Geometrieattribute wie x, y in CSS eine Angabe in Pixeln, obwohl es eigentlich dimensionslose Größen sind.

Siehe auch

• SVG/Tutorials/Grundformen#Kreis
• SVG/Farben/Verläufe‎‎

Weblinks

• Spezifikation (W3C): CX Attribute