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

Question

我想在这里实现的是在位置 x:0、y:0

中创建一个形状

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

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

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

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);

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

干杯，

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

Rotate shape around the center without effecting its location

createjs

tweenjs