SVG/Attribut/transform

Mit dem transform-Attribut können Sie verschiedene Funktionen zur Änderung der Position oder Form eines Objekts aufrufen.

Erlaubte Werte

• translate(): Verschiebung
• rotate(): Drehung
• scale(): Streckung
• skew(): Neigen, Verzerren
• matrix(): Transformieren durch Angabe der Transformationsmatrix

Standardwert

none

anwendbar auf

• grafischen Elementen
• a, clipPath, defs, g

switch, use

Präsentationsattribut

ja

mit CSS animierbar

ja

Beispiel

<ellipse id="oval" cx="150" cy="75" rx="50" ry="20" />
    
<use href="#oval" transform="scale(2)" opacity=".5"/>

<use href="#oval" transform="translate(-150,-75) scale(2)" opacity=".5"/>

Beachten Sie: In SVG2 wird das transform-Attribut zu einem Präsentationsattribut, das auch in CSS verwendet werden kann.

Siehe auch

• Transform/SVG-Transformationen

Weblinks

• Spezifikation (W3C): Transform Attribute