transform相對比較難理解的是2D的集合matrix。
這里只是對matrix里面的元素進行分解
matrix(1,0,0,1,0,0)
1 2 3 4 5 6
1.正常值為1,定義的是scaleX通過設置X軸的值來定義縮放。值: >=0
2.正常值為0,定義的是skew定義2D傾斜
3.正常值為0,定義的是rotate定義2D旋轉角度
4.正常值為1,定義的是scaleY通過設置Y軸的值來定義縮放。值: >=0
5.正常值為0,定義的是translateX通過設置X軸的值來定義左右位移。值:任意
6.正常值為0,定義的是translateY通過設置Y軸的值來定義上下位移。值:任意
svg transform的種類
- translate(平移)
- skew(傾斜)
- rotate(旋轉)
- scale(縮放)
- matrix(矩陣操作,可涵蓋前四者,威力十分強大)
摘自:
https://www.cnblogs.com/bbcfive/p/11155824.html