SVG Transform
SVG transform 属性用 translate/scale/rotate/skew/matrix 描述坐标变换,应用于元素及其子元素。
用途
对 SVG 元素施加仿射变换(平移、缩放、旋转、倾斜),用于动画、布局与坐标系转换。
机制
transform="translate(x,y) scale(sx,sy) rotate(a,cx,cy) skewX(a) skewY(a) matrix(a,b,c,d,e,f)"。变换从右到左组合。matrix(a,b,c,d,e,f) 对应 2×3 仿射矩阵。
用例
- SVG 图形变换
- 动画变换
- 坐标系映射