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) |