Как выполнить действие, когда анимация Konva заканчивается?
Этот вопрос специфичен для примера колеса фортуны. Как новичок в javascript, мне удалось изменить количество клиньев, их цветов и меток, но я не мог понять, как связать функцию с конечным событием анимации вращения. Это будет для небольшого психологического эксперимента по рискованному поведению, и мне нужно найти способ определить, какой клин достиг отметки в конце вращения.
1 ответ
Решение
Это прямо из документации Konva JS...
// the tween has to be created after the node has been added to the layer
var tween = new Konva.Tween({
node: wheel,
duration: 4,
rotation: 360,
easing: Konva.Easings.BackEaseOut,
onFinish: function() {
writeMessage('tween finished!');
}
});