Javascript CreateJS中的PrelodJS不工作_Javascript_Html_Createjs

Javascript CreateJS中的PrelodJS不工作

javascript html

Javascript CreateJS中的PrelodJS不工作,javascript,html,createjs,Javascript,Html,Createjs,我正在尝试学习使用PreloadJS预加载图像这就是我所拥有的： <!DOCTYPE html> <html> <head> <title>Test</title> <script src="easeljs-0.6.0.min.js"></script> <script src="preloadjs-0.3.0.min.js"></script> <

我正在尝试学习使用PreloadJS预加载图像

这就是我所拥有的：

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <script src="easeljs-0.6.0.min.js"></script>
    <script src="preloadjs-0.3.0.min.js"></script>
    <script src="soundjs-0.4.0.min.js"></script>    
    <script>
        var stage, output, queue;
        function handleComplete() {
            var backgroundImage=new createjs.Bitmap("myImg");
            stage.addChild(backgroundImage);
            stage.update();
        }
        function init() {
            stage = new createjs.Stage("demoCanvas");
            queue = new createjs.LoadQueue();
            queue.installPlugin(createjs.Sound);
            queue.addEventListener("complete", handleComplete);
            queue.loadFile({id:"myImg", src:"Background.png"});
        }
    </script>
</head>
<body onLoad="init();">
    <canvas id="demoCanvas" width="1300" height="600">
        Your browser does not support canvas
    </canvas>
</body>
</html>

我跟踪了调用堆栈，发现错误是由以下行生成的：

queue.loadFile({id:"myImg", src:"Background.png"});

你能告诉我哪里出错了吗？

路径类型（绝对/相对）应该无关紧要，但是你从哪里加载它

默认情况下，PreloJS将尝试使用XHR（XMLHttpRequests）加载内容，XHR（XMLHttpRequests）仅在加载到服务器（file://不起作用，您应该改为使用localhost）时才起作用，并且来自同一域。您可以尝试将false作为参数传递给LoadQueue，让它使用标记加载图像，这可以避免大多数错误


queue = new createjs.LoadQueue(false);

通常从XHR加载中得到的错误是跨源错误，而不是“访问被拒绝”。如果您是从文件系统加载，请确保文件不是只读的，或者具有某种保护。

您的意思是预加载图像，以便在图像准备好显示之前页面根本不显示？请尝试使用绝对路径作为src，像这样：

http://localhost/background.png

。我正在开发一款HTML5/JavaScript游戏。我有很多图片要加载。我正在尝试使用PreloJS加载这些图像。：-）下面是createjs网站上该课程的直接链接-


queue = new createjs.LoadQueue(false);