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

Question

如果我在 EaselJS 中旋转图像，它会围绕 0,0 点旋转我如何移动它？泰！拉斯

Answer 1

DisplayObject 的子类（Bitmap、Text、Shape 等）支持 regX 和 regY 属性，可让您更改对象的默认注册点：

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

我发现这不仅对旋转很有帮助，对其他效果也有帮助，例如在设置负 scaleX/Y 时控制位图的翻转方式。

最好的，克里斯

Answer 2

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

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