javascript - 在 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 实例之间共享。

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

var shape = new createjs.Shape(background);

干杯。