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

Beispiel

    <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>

Das Muster wird um 45° gedreht und vertikal gestreckt.

Siehe auch

• Muster in SVG
  • patternTransform

Weblinks

• W3C: patternTransform Attribute