Konva动画结束后如何执行操作?

时间:2017-02-20 15:29:58

标签: javascript html konvajs

这个问题特定于命运之轮的例子。作为javascript的新手,我已经设法改变了楔形,颜色和标签的数量,但我无法想象将函数绑定到旋转动画的结束事件。这将是一个关于冒险行为的小型心理学实验,我需要确定哪一个楔形在旋转结束时达到了标记。

1 个答案:

答案 0 :(得分: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