如何使聊天气泡动画工作在KineticJS

How to make the chat bubble animation to work in KineticJS

本文关键字：工作 KineticJS 动画 气泡 何使 聊天      更新时间：2023-09-26

我想做一个聊天气泡动画。我如何打破动画时，一个气泡有较长的文字，需要显示较长的时间。有什么框架之类的东西吗?

查看来源:http://www.tlu.ee/~kristo93/svui/yl_p%f5hi_proov.html这是页面/代码

我在这个例子中使用了Kinetic.Tween类:jsFiddle

当你点击舞台上的任何地方，矩形慢慢淡出(通过改变矩形的opacity从0.0到1.0 -淡出工作的另一种方式，从1.0到0.0)。在这种情况下，你可以简单地通过渐变的duration属性来调整持续时间。

要让它淡出，你可以使用setTimeout函数设置超时:

setTimeout(function(){var fadeouttween = new Kinetic.Tween(*set opacity from 1.0 to 0.0*);}, *time, after wich the fadeout should start*);

相关文章：