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

标签 javascript html konvajs

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

最佳答案

这直接来自 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

关于javascript - Konva 动画结束时如何采取行动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42348437/

相关文章:

php - 动态 JavaScript 幻灯片

javascript - 如何隐藏除第一个以外的所有div?

javascript - 点击打印页面后,CSS 与实际页面不同

php - 不要拆分带连字符的单词

javascript - 康瓦 JS.更改图像位置、旋转

javascript - Konvajs 如何动态更改图像 src

javascript - 浏览器 HTML5 中的语义缩放(不是 win.js)

html - IE 在 iframe 表单目标中丢失自动 UTF-8 编码

python - Django 的 html 模板替代品是什么?

javascript - 在 Konva js 上设置图层宽度