【问题标题】:bitmaps are not appearing on stage (easeljs)位图没有出现在舞台上(easeljs)
【发布时间】:2014-07-16 19:08:22
【问题描述】:

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

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

//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 添加到我的库集合中

一切都正确来源,但仍然无法正常工作? 我已经声明了阶段,它说它没有崩溃,所以我不确定问题是什么?

【问题讨论】:

    标签: jquery image bitmap easeljs


    【解决方案1】:

    正在绘制文本?

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

    其他一些注意事项:

    • 您可以使用 PreloadJS 来预加载您的资源,无需从头开始实现。
    • 一开始不需要调用“stage.clear”、“stage.removeAllChildren”和“stage.update”,stage已经是空的了。
    • 在舞台或子对象发生所有更改后,您只需调用一次“stage.update”。正如您所做的那样,您将在一次画布绘制之前强制舞台绘制多次。

    【讨论】:

    • 谢谢!文字正在显示。这些位置应该是有效的(100,100),因为画布是 600x600。那么确保它们已加载的最佳方法是什么?我见过人们使用 .onload(img.src) 并让它正常工作。
    • 因为你有很多图片,我建议你使用 PreloadJS 库,你可以在 createjs.com/#!/PreloadJS 找到。我制作了一个教程,展示了使用 o onload 与easeljs guineashots.com/2014/04/11/getting-started-with-easeljs
    • 还是不行?我已经添加并更新了我的代码版本。我目前只有一张图片正在尝试加载,但我无法显示任何内容?在 Chrome 和 FF 中测试
    • 您是否正在运行 Web 服务器来对此进行测试?如果是,请尝试通过 url 直接访问图像。 (例如,127.0.0.1:9000/DNA/a.png)。如果不是,那可能就是原因
    • 我现在在 Web 服务器上运行它,并尝试将它作为 DNA/a.png 运行,但它不起作用。我不确定添加 127.0.0.1:9000 会有什么帮助?
    猜你喜欢
    • 2014-05-12
    • 1970-01-01
    • 1970-01-01
    • 2014-07-01
    • 1970-01-01
    • 2017-01-25
    • 2016-04-30
    • 1970-01-01
    • 2013-06-05
    相关资源
    最近更新 更多