SVG Transform
The SVG transform attribute describes coordinate transformations with translate/scale/rotate/skew/matrix, applied to the element and its children.
Purpose
To apply affine transformations (translation, scaling, rotation, skewing) to SVG elements for animation, layout, and coordinate-system conversion.
Mechanism
transform="translate(x,y) scale(sx,sy) rotate(a,cx,cy) skewX(a) skewY(a) matrix(a,b,c,d,e,f)". Transformations compose right to left. matrix(a,b,c,d,e,f) corresponds to a 2x3 affine matrix.
Use cases
- SVG graphic transformations
- Animated transforms
- Coordinate system mapping