在createjs上使用EaselJS将子级添加到舞台时出错 - a.dispatchEvent不是函数

Question

我正在使用createjs套件和JQuery 当我尝试将一个孩子添加到舞台时，控制台会给我以下错误：

这是代码：

function intro(stageProperties) {
  console.log('Playing Intro');
  console.log(stage);
  console.log($CANVAS_W);

  let background = new createjs.Graphics();
  background.beginFill('black');
  background.drawRect($CANVAS_W,$CANVAS_H);
  stage.addChild(background);

  runTicker();

  // Draw company plaque and game title
  setTimeout(function(){
    instructions();
  },1000 * 5)
};

我一直试图让这次运行很长时间，但我不知道自己做错了什么。

我已经看到createjs套件和JQuery之间可能存在冲突，但我仍然无法弄明白。

Answer 1

您无法直接向舞台添加图形。图形定义如何绘制Shape的内容。它们也可以在Shape实例之间共享。

您需要将Graphics包装在Shape实例中，然后将其添加到舞台中：

var shape = new createjs.Shape(background);

干杯。