CSS3学习笔记--transform中的Matrix(矩阵)
生活随笔
收集整理的這篇文章主要介紹了
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函數參數的對應關系為:
? ? ?
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) |
?
轉載于:https://www.cnblogs.com/forlina/p/4309092.html
總結
以上是生活随笔為你收集整理的CSS3学习笔记--transform中的Matrix(矩阵)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JavaScript学习代码整理(二)-
- 下一篇: C51端口结构和工作原理(转)