canvas的transform是 Canvas 2D API 使用單位矩陣重新設(shè)置(覆蓋)當(dāng)前的變換并調(diào)用變換的方法。
transform的參數(shù)(x縮放, y傾斜偏移, x傾斜偏移, y縮放, x位移, y位移);
so默認(rèn)值是transfrom(1, 0, 0, 1, 0, 0);
1、用transform實現(xiàn)translate
transform(1, 0, 0, 1, x偏移, y偏移)
2、用transform實現(xiàn)scale(x, y)
transform(x, 0, 0, y, 0, 0);
3、用transform實現(xiàn)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),在用相同參數(shù)調(diào)用transform
reseTransform:重置到單位矩陣(1, 0, 0, 1, 0, 0)
5、canvas繞(x, y) 旋轉(zhuǎn)angle
translate(x, y);
rotate(angle)
translate(-x, -y);