Snap.svg:Matrix.x(x,y)提供什么?

时间:2017-04-04 11:59:59

标签: javascript svg snap.svg

下面是一个使用Snap.svg的Matrix.x(x,y)的示例,我试图确定它是如何使用的。 在下面创建Matrix变换(参见图像)并请求Matrix.x(50,50)后,它返回值315.47+。这个价值是多少?

由于



ispu_plan_updated




enter image description here

2 个答案:

答案 0 :(得分:1)

当用该矩阵转换时它的x值!

通常你会将它与y一起使用,

var TransformedPt = {
  x: Matrix.x(x,y),
  y: Matrix.y(x,y),
}

但是,我首先会研究Snaps变换字符串,因为它们通常更容易。例如..

rect.transform('t200,200r30s2,3')

将变换矩形,平移200,200,旋转(围绕中心)30度,然后缩放x,y 2,3

这有助于避免处理矩阵的需要。另见here

答案 1 :(得分:0)

文档说明Matrix.x(x, y)

  

返回矩阵描述的变换后给定点的x坐标。

来自http://snapsvg.io/docs/#Matrix.x