位图没有出现在舞台上(画架)

时间:2014-07-16 19:08:22

标签: jquery image bitmap easeljs

所以我使用画架,我有一堆图像,我将要回收。出于某种原因,每当我尝试将它们添加到舞台stage.update()不再有效。 (我使用了一个警报来测试这个,所以它可能会非常缓慢像2小时加载缓慢)。

我不确定发生了什么。它不是舞台或图像没有加载。有任何想法吗? **编辑 `     //变量     var $ canvas = $(" canvas"); //调用画布     var stage = new createjs.Stage(" c");     var queue = new createjs.LoadQueue();     var n = 10; //它将是一个10x10的电路板     var cw = 50; //每个单元格的宽度为50px     var x,y;     var moves = 0;     var rows = []; //将是一个数组数组     var pieces = []; //将是数组的图像数组

//preloadjs images
//queue.installPlugin(stage); //don't think i need this
queue.on("complete", handleComplete, this);
queue.loadManifest([
    {id:"imgA", src:'DNA/a.png'},
    {id:"imgC", src:'DNA/c.png'},
    {id:"imgG", src:'DNA/g.png'},
    {id:"imgT", src:'DNA/t.png'},
    {id:"imgX", src:'DNA/x.png'}
]);

function handleComplete(){
    var image = queue.getResult("imgA");

    var pic =  new createjs.Bitmap(image);
        pic.y = 5;
        pic.x = 5;
    stage.addChild(pic);
    stage.update();
}

**仍然无效,我已将preloadJS添加到我的库集合

一切都是正确的来源,但它仍然无法正常工作? 我宣布了舞台,并说它没有崩溃,所以我不确定问题是什么?

1 个答案:

答案 0 :(得分:1)

正在绘制文字?

  • 如果是:您的图片位于无效位置;或者,您正在尝试在加载之前使用图像(在这种情况下,您的预加载不正确)。
  • 如果不是:您在画布上使用了无效的名称(请查看您正在创建舞台的行,与画布的ID进行比较)。

其他一些说明:

  • 您可以使用PreloadJS预加载资产,无需从头开始实施。
  • 没有必要致电" stage.clear"," stage.removeAllChildren"和" stage.update"在开始时,舞台已经空了。
  • 你只需要打电话给#34; stage.update"一旦,在舞台上的所有变化或儿童对象。正如您所做的那样,在单个画布绘制之前,您将迫使舞台绘制几次。