matrix(): 以一个含六值的(a,b,c,d,e,f)变换矩阵的形式指定一个2D变换,相当于直接应用一个[a,b,c,d,e,f]变换矩阵
矩阵的乘法:
注意:
1、当矩阵A的列数(column)等于矩阵B的行数(row)时,A与B可以相乘。
2、矩阵C的行数等于矩阵A的行数,C的列数等于B的列数。
3、乘积C的第m行第n列的元素等于矩阵A的第m行的元素与矩阵B的第n列对应元素乘积之和。
在CSS3中我们矩阵的原始值是这样的
transforms:matrix(1,0,0,1,0,0);
|1 0 e| |x| |e + X|
|0 1 f| * |y| = |f + Y|
|0 0 1| |1| |1|
matrix(1, 0, 0, 1, e, f); ==> translate e表示在x轴上的移动,f表示在y轴上的移动
|a 0 0| |x| |ax|
|0 d 0| * |y| = |dy|
|0 0 1| |1| |1|
matrix(a, 0, 0, d, 0, 0); ==> scale()
matrix(cosθ, sinθ, -sinθ, coseθ, 0, 0); ==> rotate()
matrix(1, tin(θy), tan(θx), 1, 0,