Question

我将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方法。我一般不确定破坏动画的最佳做法。

Answer 1

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

var id = popcorn.getLastTrackEventId();

实际上，您可能会将其放入数组中，以便存储所有事件的ID。然后，删除它：

popcorn.removeTrackEvent(id);

_teardown会被removeTrackEvent自动调用以及其执行的其他清理工作。

如何破坏popcorn.js动画？

1 个答案: