Question

我是GSAP的新手。以下工作很好，背景图像之间的变化，但不知道如何加快速度，所以它更快。

JavaScript的：

var avatarAni = new TimelineMax({ paused: true, repeat: -1 });

    avatarAni.to(avatars, animDuration, {
        scaleX: 1.1,
        scaleY: 1.1,
        ease: Power3.easeIn,
        onComplete: onCompleteScaleIn
    });

    avatarAni.to(avatars, animDuration, {
        scaleX: 1.0,
        scaleY: 1.0,
        ease: Power3.easeOut
    });

    avatarAni.play();

Answer 1

<div class="col-lg-3"> <div id="toolbar"> <div id="rad"> Radius <span id="radval">10</span> <div id="decrad" class="radcontrol">-</div> <div id="incrad" class="radcontrol">+</div> <div id="colors"></div> <div id="save">Save</div> </div> </div> <canvas id="canvas"></canvas> </div>是您可以使用的变量。稍微降低其值，var saveButton=document.getElementById('save'); saveButton.addEventListener('click',saveImage); function saveImage(){ var data=canvas.toDataURL(); var request=new XMLHttpRequest(); request.onreadystatechange=function(){ if(request.readyState==4&& request.status==200){ var response= request.responseText; console.log(response); } } request.open('POST','http://localhost/cafdc/MainController/save',true); request.setRequestHeader('Content-type','application/x-www-form-urlencoded'); request.send('img='+data); }补间的两个将会更快。

否则，如果您不想更改单个补间值，则可以使用animDuration实例的 .timeScale() 属性，这样可以加快{{1}时间轴本身。所以你可以这样做：

.to()

documentation 说：

用于在动画中缩放时间的因子，其中1 =正常速度（默认值），0.5 =半速度，2 =双倍速度等。

在效果上更改TweenMax速度

1 个答案: