SVG Transform
El atributo transform de SVG describe transformaciones de coordenadas con translate/scale/rotate/skew/matrix, aplicadas al elemento y a sus hijos.
Propósito
Aplicar transformaciones afines (traslación, escalado, rotación, inclinación) a elementos SVG para animación, diseño y conversión de sistemas de coordenadas.
Mecanismo
transform="translate(x,y) scale(sx,sy) rotate(a,cx,cy) skewX(a) skewY(a) matrix(a,b,c,d,e,f)". Las transformaciones se componen de derecha a izquierda. matrix(a,b,c,d,e,f) corresponde a una matriz afín de 2x3.
Casos de uso
- Transformaciones de gráficos SVG
- Transformaciones animadas
- Mapeo de sistemas de coordenadas
Herramientas relacionadas
Optimizador SVG
Optimize SVG by removing comments, metadata, redundant attributes, and whitespace. Shows before/after size comparison. Gratis, privado y 100% del lado del cliente. HERRAMIENTA
Minificador HTML
Minify HTML by removing comments and whitespace. Gratis, privado, 100% del lado del cliente. HERRAMIENTA