gpt4 book ai didi

javascript - Easeljs Tweenlite 绕中心旋转

转载 作者:行者123 更新时间:2023-12-02 15:57:57 26 4
gpt4 key购买 nike

我正在尝试获取 shape使用 TweenLite 围绕其中心旋转对象但它围绕其 x 旋转& y 。看起来像 transformOriginTweenLite不管用。我对 EaselJS 还是个新手和TweenLite .

请参阅this jsFiddle或者看一下下面的代码片段:

代码片段:

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%'
});
<script src="//cdnjs.cloudflare.com/ajax/libs/EaselJS/0.8.0/easeljs.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.17.0/TweenMax.min.js"></script>
<canvas id="mainCanvas" width="800" height="800"></canvas>

最佳答案

您可以设置regXregY来围绕其中心变换某些东西,检查更新的jsfiddle:http://jsfiddle.net/n0kyvh1j/3/

关于javascript - Easeljs Tweenlite 绕中心旋转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31447558/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com