2d变换矩阵

2d变换矩阵总共有6个可动的参数,这六个参数分别控制不同的变换

1
2
3
| a  b  0 |
| c d 0 |
| tx ty 1 |

a 水平缩放

b 水平拉伸

c 垂直拉伸

d 垂直缩放

tx 水平位移

ty 垂直位移

当矩阵为1的单元矩阵的时候

表明该图形没有变换

同等效果

  • 缩放:scale(sx, sy) 等同于 matrix(sx, 0, 0, sy, 0, 0);
  • 平移:translate(tx, ty) 等同于 matrix(1, 0, 0, 1, tx, ty);
  • 旋转:rotate(deg) 等同于 matrix(cos(deg), sin(deg), -sin(deg), cos(deg), 0, 0);
  • 拉伸:skew(degx, degy) 等同于 matrix(1, tan(degy), tan(degx), 1, 0, 0);

转换后的点的计算

x’ = a * x + c * y + tx;

y’ = b * x + d * y + ty;

作用

可以通过不同matrix,对不同坐标系(相对-绝对或物体-物体)间的点进行转换。常用于游戏/动画场景

“我,鸡哥,打钱!”