如何在Javascript中移动元素的旋转点？

Question

如果我在EaselJS中旋转图像，它会旋转大约0点 我该怎么搬呢？ 泰！的Ras

Answer 1

DisplayObject的子类（位图，文本，形状等）支持regX和regY属性，使您可以从默认值更改对象的注册点：

• http://www.createjs.com/Docs/EaselJS/classes/DisplayObject.html#property_scaleX
• http://www.createjs.com/Docs/EaselJS/classes/DisplayObject.html#property_scaleY

我发现这不仅有助于旋转，还有助于其他效果，例如在设置负缩放X / Y时控制位图的翻转方式。

最佳， 克里斯

Answer 2

您需要使用 translate（x，y），其中x和y是您想要的新旋转中心。

注意：如果您需要继续操作，请记住在完成旋转后取消翻译（再次使用相同但负值翻译），为此您需要考虑旋转的数量。