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) |
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。