Question

我正在尝试预加载图像，然后将它们放入位图中。这是在服务器上，src是正确的。不确定到底发生了什么？我是preloadjs的新手。我似乎无法检索图像以使用它。它们来自同一个来源，但其中一个有效，另一个没有，我可以写到画布上，它的效果很好吗？

function handleComplete(){
    var ret = new createjs.Text("hi!", "24px sans-serif");
        ret.x = 5;
        ret.y = 5;
        stage.addChild(ret);

    var image = preload.getResult("imgC");
    var pic =  new createjs.Bitmap(image); //this doesn't?
    stage.addChild(pic);
    stage.update();

    $('img').attr("src", "extra/DNA/c.png");//this works
    $('img').attr("src", image); //doesn't work
}

preload.on("complete", handleComplete(), this);
preload.loadFile({id:"imgC", src:"extra/DNA/c.png"});

我注意到Chrome收到了一些错误：

无法加载资源：net :: ERR_BLOCKED_BY_CLIENT

未捕获的typeError：无法读取未定义的属性'handleEvent'

和firefox：

typeError：b未定义（对preloadjs第12行的引用）

Answer 1

可能的内容无法由XHR（xmlhttprequests）加载，preloadJS默认使用该图像。尝试使用useXHR=false初始化队列。如果使用EaselJS位图中的路径加载图像，它只会执行图像标记请求，不会受到跨域问题的影响。

var queue = new createjs.LoadQueue(false);
// other load code here

Preloadjs无法正确加载图像/位图

1 个答案: