SVG Transform
Das SVG-Attribut transform beschreibt Koordinatentransformationen mit translate/scale/rotate/skew/matrix, angewendet auf das Element und seine Kinder.
Zweck
Affine Transformationen (Verschiebung, Skalierung, Rotation, Scherung) auf SVG-Elemente für Animation, Layout und Koordinatensystem-Umrechnung anwenden.
Mechanismus
transform="translate(x,y) scale(sx,sy) rotate(a,cx,cy) skewX(a) skewY(a) matrix(a,b,c,d,e,f)". Transformationen werden von rechts nach links zusammengesetzt. matrix(a,b,c,d,e,f) entspricht einer 2x3-affinen Matrix.
Anwendungsfälle
- SVG-Grafiktransformationen
- Animierte Transformationen
- Koordinatensystem-Abbildung