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

时间:2013-06-12 10:47:36

标签: javascript html5 kineticjs

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

view-source:http://www.tlu.ee/~kristo93/svui/yl_p%f5hi_proov.html这是页面/代码

1 个答案:

答案 0 :(得分:0)

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

当您点击舞台上的任意位置时,矩形会慢慢淡入(通过将opacity更改为0.01.0 - 淡出效果的另一种方式,从{ {1}}到1.0)。在这种情况下,您只需使用补间的0.0属性调整持续时间。

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

duration