gpt4 book ai didi

javascript - CreateJS 中的 PreloadJS 不工作

转载 作者:搜寻专家 更新时间:2023-10-31 08:19:43 24 4
gpt4 key购买 nike

我正在尝试学习使用 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>

当我加载页面时,出现此错误:

Access is denied: preloadjs-0.3.0.min.js, line 50 character 333

我跟踪了调用堆栈,发现错误是从以下行生成的:

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

你能告诉我哪里做错了吗?

最佳答案

路径类型(绝对/相对)无关紧要,但是您可能从哪里加载它。

默认情况下,PreloadJS 将尝试使用 XHR (XMLHttpRequests) 加载内容,这仅在服务器上加载时有效(file://无效,您应该使用 localhost 代替),并且来自同一域。您可以尝试将 false 作为参数传递给 LoadQueue,让它使用标签加载图像,这样可以绕过大部分错误。


queue = new createjs.LoadQueue(false);

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

关于javascript - CreateJS 中的 PreloadJS 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15995411/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com