svg的transform屬性


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM