[英]Controlling Jquery Path Bezier Speed
我有一个动画,它会淡入<div id="robert">stuff</div>
,然后使其遵循下面指定的路径。 我想知道是否可以通过某种方法来减慢贝塞尔曲线动画部分? 我已将其设置为“摇摆”以放松,但是否有变通的方法来减慢它的速度?
var pathRobert = {
start: {
x: 408,
y: 303,
angle: 72.594,
length: 1.390
},
end: {
x: 510,
y:375,
angle: 233.366,
length: 1.138
}
};
$(window).scroll(function(){
//first animation for ipad with hands
if ((withinViewport((testimonials)) == true) && (peopleBlock !=0)){
peopleBlock = 0;
$("#robert").fadeTo('fast',1).animate({
path : new $.path.bezier(pathRobert)
},"swing");
}
});
谢谢,
亚历克斯
您应该能够指定持续时间和缓动时间。
.animate( properties [, duration ] [, easing ] [, complete ] )
就像是:
$("#robert").fadeTo('fast',1).animate({
path : new $.path.bezier(pathRobert)
},5000,"swing");
相当简单的解决方法:
$("#rita").fadeTo('fast',1).animate({
path : new $.path.bezier(pathRita)
},800);
只需将"swing"
替换为您希望的时间即可...
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.