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

How to move rotation point of element in Javascript?

本文关键字:元素 旋转 移动 Javascript      更新时间:2023-12-26

如果我在EaselJS中旋转图像,它会围绕0,0点旋转我该如何移动它?泰!Ras

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时控制位图的翻转方式。

最佳,Chris

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

注意:如果你需要继续操作,记得在完成旋转后取消翻译(用相同但负值再次翻译),为此你需要考虑你旋转了多少。