在EaselJS中更改形状的移动点

Question

所以，我在想是否可以在EaselJS中移动一个形状的移动点。例如-

这是一个正方形的图像。极其绘制的蓝点代表正方形运动发生的点。换句话说，当我告诉形状转到点（0,0）时，它会将该点移动到该位置。

我最近开始使用EaselJS和CreateJS库，所以我真的不知道我是否可以这样做 - 我想将运动点改为中心，就像EaselJS中的一个圆圈。

当我将圆移动到点（0,0）时，我只能看到圆的四分之一，因为中心已移动到（0,0）。但是，当我将其移动到（0,0）时，我可以看到整个方块。有什么方法可以改变这一点，这样当我将它移动到（0,0）时，我将能够看到整圆或正方形的一部分？

Answer 1

您可以从中心绘制形状，也可以设置regX和regY。

// Draw from center
var s = new createjs.Shape();
s.graphics.beginFill("black").drawRect(-50,-50,100,100);

// Set registration point
var s = new createjs.Shape();
s.graphics.beginFill("black").drawRect(0,0,100,100);
s.regX = s.regY = 50; // Set the registration to half the width & height

希望有所帮助。