如何销毁popcorn.js动画

How to destroy a popcorn.js animation?

本文关键字：动画 js popcorn 何销毁      更新时间：2024-02-25

我正在将Popcorn.js与基本插件一起使用(https://github.com/brianchirls/popcorn-base)和样式插件(https://github.com/brianchirls/popcorn-base/blob/master/plugins/popcorn.style.js)创建这样的动画：

var _pop = Popcorn(this.domElements.video.get(0), {
    frameAnimation : true
});
_pop.style({
    target : someElement,
    start : 0,
    end : 10,
    left : {
        0: "32.608695652173914%",
        1: "47.04968944099379%",
        0.4226381772051142: "44.87577639751553%"
    },
    top : {
        0: "26.136363636363637%",
        1: "18.356643356643357%",
        0.4226381772051142: "52.09790209790209%"
    }
});

这部动画效果很好。不过，我似乎无法理解如何破坏动画。

我无法访问_teardown方法。我通常不确定销毁动画的最佳做法。

创建爆米花事件后，您需要检索popcorn生成的id，如下所示：

var id = popcorn.getLastTrackEventId();

在实践中，您可能会将其放入一个数组中，以便存储所有事件的id。然后，删除它：

popcorn.removeTrackEvent(id);

_teardown和它所做的其他清理工作一起被removeTrackEvent自动调用。

相关文章：