2d变换矩阵

2d变换矩阵总共有6个可动的参数，这六个参数分别控制不一样的变换动画

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

a 水平缩放code

b 水平拉伸游戏

c 垂直拉伸class

d 垂直缩放co

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，对不一样坐标系（相对-绝对或物体-物体）间的点进行转换。经常使用于游戏/动画场景