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受旋转影响

 

posted @ 2021-07-07 16:19  龙可真  阅读(431)  评论(0编辑  收藏  举报