kineticjs - 使用 KineticJS 旋转一组对象

Question

我在一个组中有一组对象[圆圈和一些线]。我希望将整个组旋转一个角度[比如 90]，其中旋转位于圆的中心。然而，当旋转组时，它不会在设置为圆心的偏移量上旋转。

任何帮助或意见将不胜感激谢谢！

这里要求的@JohnWiseman 是我的代码。

var x = petridishGroup.getChildren()[0].getX();
var y = petridishGroup.getChildren()[0].getY();

var offX = x + petridishGroup.getChildren()[0].getRadius().x;
var offY = y + petridishGroup.getChildren()[0].getRadius().y;

petridishGroup.setOffset(offX, offY);
petridishGroup.setRotation(45);
gamePlayLayer.draw();

Answer 1

该问题的解决方案是将圆放置在 0,0 处，这将成为圆的中心，然后旋转该组。

偏移量将为 0,0，这将更容易跟踪偏移量和旋转偏移量