我在KineticJS中创建了一个形状,然后用吐温动画化了它。
var tween = new Kinetic.Tween({
node: rect,
duration: 1,
easing: Kinetic.Easings.BackEaseOut,
y: 100
});在相反的情况下,是否有可能改变宽松政策?
目前我已经做到了:JSFiddle
非常感谢你的帮助。
发布于 2014-04-23 12:42:55
这似乎有效..。但这并不是真正的核心功能。
stage.on('mouseover', function() {
tween.tween.func = Kinetic.Easings.BounceEaseOut;
tween.play();
});
stage.on('mouseout', function() {
tween.tween.func = Kinetic.Easings.BounceEaseIn;
tween.reverse();
});发布于 2016-11-04 16:53:19
您可以使用以下方法创建自定义放松函数
缓和函数发生器 by 罗伯特·彭纳
并使用它代替默认宽松预置:
// generated example
var customEasingFunction = function(t, b, c, d) {
var ts=(t/=d)*t;
var tc=ts*t;
return b+c*(63.2425*tc*ts + -185.23*ts*ts + 198.58*tc + -93.89*ts + 18.2975*t);
};
var tween = new Kinetic.Tween({
node: rect,
duration: 1,
easing: customEasingFunction, // use it insead of default preset
y: 100
});https://stackoverflow.com/questions/23240352
复制相似问题