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

时间:2018-09-19 13:27:31

标签: createjs tweenjs

我想在这里实现的是在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使补间功能仅在此操作上使用它?

1 个答案:

答案 0 :(得分:0)

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

当处理单独的注册点(从中提取内容的地方)和枢轴点(内容从中旋转和缩放的地方)时,一种简单的解决方案是将对象包装在Container实例中,然后管理位置和旋转

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

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

干杯