KineticJS：你如何在相对于新原点的组中定位形状？

Question

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

例如，假设我有一个组card，其中有Kinetic.Text个对象。而不是像Kinetic.Text({x: group_x + text_x, y: group_y + text_y})这样的事情来计算将放在卡片顶部的文本坐标，而text_x和text_y Kinetic.Text({x: text_x, y: text_y})可能会很整洁}是根据它所在的组计算的。

就像，该组织本身就是一种迷你画布，其中有一堆形状。 KineticJS原生支持吗？或者除了制定位于形状顶部的形状定位之外别无选择吗？

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

Answer 1

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

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

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

myTextInGroup.setPosition(newX,newY);