createjs - 围绕中心旋转形状而不影响其位置

Question

我想在这里实现的是在位置 x:0, y:0 创建一个形状

并围绕其中心旋转形状而不更改 regX 和 regY

有没有办法在 CreateJS 中做到这一点，

我想要从左上角移动形状但同时从中心旋转的效果

https://jsfiddle.net/x5nht1am/20/

shape.regX=25;
shape.regY=25;
createjs.Tween.get(shape).to({rotation: 90} , 4000)
//then at the same time
shape.regX=0;
shape.regY=0;
createjs.Tween.get(shape).to({x: 100,y:100}, 4000)

有没有办法传递 regX&Y 以使补间能够仅在此操作中使用它？

Answer 1

EaselJS 对象不能有单独的枢轴点和注册点。

在处理单独的注册点（从中提取内容）和枢轴点（从哪里旋转和缩放内容）时，一个简单的解决方案是将对象包装在 Container 实例中，然后分别管理位置和旋转。

var cont = new createjs.Container();
cont.addChild(myShape);

那应该有帮助。矩阵数学肯定有其他方法，但这是我能想到的最简单的解决方案。

干杯，