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

Question

我想做一个聊天气泡动画。当一个气泡的文本较长且需要显示较长时间时，如何中断动画。是否有某种帧停止或某事？

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

Answer 1

我在Kinetic.Tween这里使用了这个例子中的类：jsFiddle

当您单击舞台上的任意位置时，矩形会慢慢淡入（通过将opacity矩形的 更改0.0为1.0- 淡出工作的另一种方式，从1.0到0.0）。在这种情况下，您可以简单地使用durationTween 的属性调整持续时间。

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

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