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