如何修复createjs中未在画布上显示的预加载资产？

Question

I'm trying to create an animation by setting a background to a canvas and then trying to move my assets over the background image. I'm able to display the background image in the canvas and also able to preload all my assets. However, I'm not able to display any of the assets on the canvas.

I tried to play around with the coordinates of the bitmap I'm trying to display in case if it's displaying outside the visible area. I also tried to check if there is any problem with the timing of updating the stage, but no luck. Any help would be appreciated.

function set()
{
    var cgroup = new createjs.Container();

    cgroup.x = 100;
    cgroup.y = 100;


    // var path = 'img/cloud1.png';
    var img = preload.getResult("c1");
    console.log(img.src);  //displaying correct preloaded file
    var cloud1 = new createjs.Bitmap(img);
    cgroup.addChild(cloud1);
    cloud1.x = 120;
    cloud1.y = 120;
    cloud1.regX = 62;
    cloud1.regY = 62;

    stage.addChild(cgroup);
    stage.update();
}

Answer 1

You need to call the function to make it run. For instance, this would be for when the page loads.

window.onload() = function(){
  var cgroup = new createjs.Container();

  cgroup.x = 100;
  cgroup.y = 100;

  // var path = 'img/cloud1.png';
  var img = preload.getResult("c1");
  console.log(img.src); //displaying correct preloaded file
  var cloud1 = new createjs.Bitmap(img);
  cgroup.addChild(cloud1);
  cloud1.x = 120;
  cloud1.y = 120;
  cloud1.regX = 62;
  cloud1.regY = 62;

  stage.addChild(cgroup);
  stage.update();
};

Answer 2

原来我使用的是上下文，背景图像是使用 drawImage 显示的，然后当我向舞台添加另一个图像时，画布只显示第二张图像的舞台，因此清除了第一张图像。