SVG Transform
L'attribut transform de SVG décrit des transformations de coordonnées avec translate/scale/rotate/skew/matrix, appliquées à l'élément et à ses enfants.
Objectif
Appliquer des transformations affines (translation, mise à l'échelle, rotation, inclinaison) aux éléments SVG pour l'animation, la disposition et la conversion de systèmes de coordonnées.
Mécanisme
transform="translate(x,y) scale(sx,sy) rotate(a,cx,cy) skewX(a) skewY(a) matrix(a,b,c,d,e,f)". Les transformations se composent de droite à gauche. matrix(a,b,c,d,e,f) correspond à une matrice affine 2x3.
Cas d’usage
- Transformations de graphiques SVG
- Transformations animées
- Mappage de systèmes de coordonnées