首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >KineticJS宽松

KineticJS宽松
EN

Stack Overflow用户
提问于 2014-04-23 09:34:28
回答 2查看 198关注 0票数 2

我在KineticJS中创建了一个形状,然后用吐温动画化了它。

代码语言:javascript
运行
复制
    var tween = new Kinetic.Tween({
         node: rect, 
         duration: 1,
         easing: Kinetic.Easings.BackEaseOut,
         y: 100
    });

在相反的情况下,是否有可能改变宽松政策?

目前我已经做到了:JSFiddle

非常感谢你的帮助。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-04-23 12:42:55

这似乎有效..。但这并不是真正的核心功能。

代码语言:javascript
运行
复制
stage.on('mouseover', function() {
    tween.tween.func = Kinetic.Easings.BounceEaseOut;
    tween.play();
});

stage.on('mouseout', function() {
    tween.tween.func = Kinetic.Easings.BounceEaseIn;
    tween.reverse();
});
票数 1
EN

Stack Overflow用户

发布于 2016-11-04 16:53:19

您可以使用以下方法创建自定义放松函数

缓和函数发生器 by 罗伯特·彭纳

并使用它代替默认宽松预置:

代码语言:javascript
运行
复制
// 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
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23240352

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档