g6中的变换矩阵matrix
在看g6文档的时候看到一个变换矩阵,不明觉厉,如下
matrix = 1 0 0 0 1 0 0 0 1
于是查资料了解里面每个数字的意义,和css3的matrix()方法似乎类同
transform: matrix(a,b,c,d,e,f) 对应矩阵 a c e b d f 0 0 1 当变换原点为(0,0)即x=0,y=0时 当应用变换矩阵后, 水平坐标为x' = ax + cy + e 垂直坐标为y' = bx + dy + f 其中a为x轴缩放值,b为y轴倾斜值,c为x轴倾斜值,d为y轴缩放值,e为x轴偏移值,f为y轴偏移值
实际测试中发现矩阵的每个值与css3中的意义并不相同
matrix = [a, b, c, d, e, f, g, h, i]
即矩阵
a b c
d e f
g h i
其中a为x轴缩放值,e为y轴缩放值,g为x轴偏移,h为y轴偏移,b和d受旋转影响