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

猜你喜欢

转载自www.cnblogs.com/LcxSummer/p/12376040.html