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)
 
 
 

相關文章
相關標籤/搜索