关于Matrix的深入理解(对应值的功能)

matrix是css3里面transform的一个集成表达式,它是以一个矩阵的方式来计算

transform:translate(apx,bpx)位移

transform: scale(a,b) 放缩

transform: rotate(adeg) 旋转

transform:skew(adeg,bdeg) 倾斜

matrix(a,b,c,d,e,f)对应矩阵

其中e,f表示的就是translate()里面的两个位移参数,在这里可以不写单位,但是在transform:translate()里面必须写单位;

其中a,d表示的就是scale()里面的两个缩放的参数,不需要写单位;

其中a,b,c,d相对应cosx,sinx,-sinx,-cosx

x是指旋转的角度

matrix(1,tanAy,tanAx,1,0,0),其中A表示角度,Ax表示x轴偏移的角度,Ay表示y轴偏移的角度。

 

 

 

 

 

 

 

posted on 2016-03-24 21:06  YYB_IT  阅读(576)  评论(0编辑  收藏  举报