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

Javascript Snap.svg:Matrix.x(x,y)提供了什么?,javascript,svg,snap.svg,Javascript,Svg,Snap.svg,下面是一个使用Snap.svg的Matrix.xx,y的示例,我正在尝试确定如何使用它。 在创建下图中的矩阵变换并请求矩阵.x50,50后,它返回值315.47+。这个值是多少 谢谢 var SNPsvg=SnapmySVG; //--正方形,中心0,0-- var rect=SNPsvg.rect-30,-30,60,60.attr{fill:'blue'}; var myMatrix=Snap.matrix; myMatrix.translate200100 myMatrix.scale2

下面是一个使用Snap.svg的Matrix.xx,y的示例,我正在尝试确定如何使用它。 在创建下图中的矩阵变换并请求矩阵.x50,50后,它返回值315.47+。这个值是多少

谢谢

var SNPsvg=SnapmySVG; //--正方形,中心0,0-- var rect=SNPsvg.rect-30,-30,60,60.attr{fill:'blue'}; var myMatrix=Snap.matrix; myMatrix.translate200100 myMatrix.scale2,1.5 myMatrix.30,45 myMatrix.rotate30 矩形变换矩阵
var mX1=myMatrix.x50,50/-如果添加translate 50,50-文档说明Matrix.xx,y:

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


它是由该矩阵变换时的x值

通常,您会将其与y一起使用

var TransformedPt = {
  x: Matrix.x(x,y),
  y: Matrix.y(x,y),
}
但是,我会首先研究快照转换字符串,因为它们通常更容易。例如

rect.transform('t200,200r30s2,3')
将变换矩形,平移200200,围绕中心旋转30度,然后缩放x,y 2,3


它有助于避免处理矩阵的需要。另请参见。

好的,我知道了。e、 示例中的g.Matrix.x30,30和Matrix.y30,30是矩形右下角的一个点。谢谢是的,对不起,我实际上误读了你的最后一行代码,现在我明白你为什么要以不同的方式阅读它了。