Easeljs:“ createjs.Ticker.paused = true”不起作用

时间:2019-07-25 17:26:48

标签: vue.js createjs easeljs

我无法暂停动画。我在vue-cli中使用createjs CDN,试图使我的动画在单击暂停按钮时暂停。我认为我的设置是可以的,因为如果我在下面的代码中将“ createjs.Ticker.paused = true”替换为“ createjs.Ticker.framerate = 1000”,则一切都会按预期进行,但对于前者,它在所有。我想念什么?

// a method inside a Vue component

controlPlaying(state) {
  if (state == 'play') {
    createjs.Ticker.paused = false;
  }
  else if (state == 'pause') {
    createjs.Ticker.paused = true;
  }
}

1 个答案:

答案 0 :(得分:0)

我想出来了,如果有人感兴趣的话。

HandleComplete()函数中有一个名为exportRoot的变量。 我将exportRoot放在未定义的data()中,然后使用“ this”关键字从其他地方调用它。

我的函数最终看起来像这样:

controlPlaying(state) {
    if (state == 'pause') {
      this.exportRoot.paused = true
    }
    else {
      this.exportRoot.paused = false
    }
  }