kineticjs - KineticJS：您如何相对于新原点定位组中的形状？

Question

我希望能够相对于新原点定位组中的形状，并且我想将该新原点设置为组的坐标。本质上是创建类似于迷你画布的东西，其中组就是画布。

例如，假设我有一个 group card，其中我有Kinetic.Text对象。不必做诸如Kinetic.Text({x: group_x + text_x, y: group_y + text_y})计算将位于卡片顶部的文本的坐标之类的事情，如果根据它所在的组计算text_x和text_yin可能会很整洁。Kinetic.Text({x: text_x, y: text_y})

就像，这个组本身就是一个迷你画布，里面有一堆形状。KineticJS 是否本机支持这一点？或者除了制定位于形状顶部的形状的位置之外，没有其他选择吗？

我可能希望将一个形状保持在另一个形状的顶部，我想我需要一个简单的公式，但我宁愿使用 KineticJS 可能提供的功能。KineticJS 是否为此提供任何功能？

Answer 1

您是否尝试过 .getPosition() 获取对象相对于其父对象的位置 - 对于分组对象，父对象应该是组容器：

myTextInGroup.getPosition().x
myTextInGroup.getPosition().y

然后像这样设置子对象的位置：

myTextInGroup.setPosition(newX,newY);