SVG/Attribut/patternTransform

Das patternTransform-Attribut dient einer möglichen Transformation (Richtungsänderung, Skalierung, Streckung, Rotation) des Musters.

Erlaubte Werte

Liste von Transformationen

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

Standardwert

anwendbar auf

• pattern

Präsentationsattribut

nein

mit CSS animierbar

ja

 <pattern id="muster" width="20" height="20" 
 patternTransform="scale(1,2) rotate(45)" 
 patternUnits="userSpaceOnUse" >
 <rect id="square" width="10" height="10" fill="skyblue" />
 <use href="#square" transform="translate(10,10)" />
 </pattern>

Siehe auch

• Muster in SVG
  • patternTransform

Weblinks

• W3C: patternTransform Attribute