如何使聊天泡泡動畫在KineticJS中工作

Question

我想做一個聊天泡泡動畫。如果一個泡泡的文字較長，需要更長時間顯示，我該如何中斷動畫。 有沒有某種framestop或某事？

查看源代碼：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）。在這種情況下，您可以簡單地使用Tween的duration屬性來調整持續時間。

讓它淡出，你可以設置一個超時與setTimeout函數：

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