canvas的transform是 Canvas 2D API 使用单位矩阵重新设置(覆盖)当前的变换并调用变换的方法。
transform的参数(x缩放, y倾斜偏移, x倾斜偏移, y缩放, x位移, y位移);
so默认值是transfrom(1, 0, 0, 1, 0, 0);
1、用transform实现translate
transform(1, 0, 0, 1, x偏移, y偏移)
2、用transform实现scale(x, y)
transform(x, 0, 0, y, 0, 0);
3、用transform实现rotate(angle)
transform(cos(angle), sin(angle), -sin(angle), cos(angle), 0, 0)
4、transform、setTransform和resetTransform
transform是在之前的矩阵值上累加(multiple)
setTransform是重置到单位矩阵后(1, 0, 0, 1, 0, 0),在用相同参数调用transform
reseTransform:重置到单位矩阵(1, 0, 0, 1, 0, 0)
5、canvas绕(x, y) 旋转angle
translate(x, y);
rotate(angle)
translate(-x, -y);