javascript - 如何修复 createjs 中未在 Canvas 上显示的预加载 Assets ？

Question

我正在尝试通过为 Canvas 设置背景来创建动画，然后尝试将我的资源移动到背景图像上。我能够在 Canvas 中显示背景图像，也能够预加载我的所有 Assets 。但是，我无法在 Canvas 上显示任何 Assets 。

我尝试调整要显示的位图的坐标，以防它显示在可见区域之外。我还尝试检查更新阶段的时间是否有任何问题，但没有运气。任何帮助将不胜感激。

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

您需要调用函数使其运行。例如，这将用于页面加载时。

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();
};