javascript - Konva 动画结束时如何采取行动？

Question

这个问题是针对命运之轮的例子的。作为 javascript 的新手，我已经设法更改了楔形的数量、它们的颜色和标签，但我无法弄清楚将函数绑定(bind)到旋转动画的结束事件。这将是一个关于冒险行为的小型心理学实验，我需要找到方法来确定哪个楔子在旋转结束时达到了目标。

Answer 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!');
    }
});

Konva JS Tween Finish event