跳到主要内容
uencoder

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 图形变换
  • 动画变换
  • 坐标系映射

相关工具

参考链接