在 EaselJS 中更改形状的移动点答案

【问题标题】：Change movement point of a shape in EaselJS在 EaselJS 中更改形状的移动点
【发布时间】：2016-11-05 02:51:17
【问题描述】：

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

这是一个正方形的图像。画得很厉害的蓝点代表正方形运动发生的点。换句话说，当我告诉形状到点 (0, 0) 时，它会将那个点移动到那个位置。

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

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

【问题讨论】：

标签： javascript createjs easeljs

【解决方案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

希望对您有所帮助。

【讨论】：