Easeljs Tweenlite围绕中心旋转

Question

我正在尝试让shape对象围绕其中心使用TweenLite进行旋转，但它会围绕x＆amp; y。好像transformOrigin的{​​{1}}无效。我仍然是TweenLite和EaselJS的新人。

请参阅this jsFiddle或查看下面的代码段：

段：

TweenLite

var canvas = document.getElementById('mainCanvas');
var stage = new createjs.Stage(canvas);

var shape = new createjs.Shape();
shape.graphics.beginFill('#000');
shape.graphics.drawRect(0, 0, 220, 220);
shape.graphics.endFill();
shape.x = 220;
shape.y = 220;
stage.addChild(shape);
stage.update();
//TweenLite.ticker.setFPS(40);
TweenLite.ticker.addEventListener('tick', stage.update, stage);

TweenLite.to(shape, 1, {
    repeat: -1,
    rotation: 360,
    transformOrigin: '50% 50%'
});

Answer 1

您可以设置regX和regY来改变其中心周围的内容，查看更新的jsfiddle：http://jsfiddle.net/n0kyvh1j/3/