css3 matrix

css3 matrix

matrix的矩阵

.testTest{
    transform : matrix(a,b,c,d,e,f); 
}

matrix后的 x 和y 的计算方式

x` = ax + cy + e；

y` = bx + dy + f;

transform: matrix(1, 0, 0, 1, 30, 30);  等于   translate( 30px, 30px );
matrix(cosθ,sinθ,-sinθ,cosθ,0,0) 等于 rotate(θdeg);
transform: matrix(2, 0, 0, 2, 0, 0) 等于 scale(2);
transform: matrix(1,tan(θy),tan(θx),1,0,0) 等于 skew(θdeg);

转载于:https://www.cnblogs.com/kuachengshiyongbao/p/6675886.html