CSS3学习笔记--transform中的Matrix(矩阵)

transform: matrix(a,b,c,d,e,f) ,如下图矩阵所示,任意点(x,y,1)经过matrix变化为(ax+cy+e,bx+dy+f,1),由此可以知道,
matrix参数与translate/scale/skew/rotate函数参数的对应关系为:
translate(tx,ty) matrix(1,0,0,1,tx,ty)
scale(sx,sy) matrix(sx,0,0,sy,0,0)
skew(sx,sy) matrix(1,tansy,tansx,1,0,0)
rotate(rx) matrix(cosrx,sinrx,-sinrx,cosrx,0,0)
 
 
 

 

posted @ 2015-03-02 16:27  飞翔荷兰人  阅读(1767)  评论(0编辑  收藏  举报

I Love Lina~