Question

这是代码。在顶部，您可以看到canvas和stage被声明为全局变量。然后initializeCanvas（）函数在页面加载时运行并分配这些变量并加载背景图像。

奇怪的是，舞台和画布最终未定义。

为什么呢？我能做些什么呢？

罗杰

var canvas, stage

function initializeCanvas() {
    canvas = document.getElementById("starCanvas")
    canvas.width = window.innerWidth
    canvas.height = 720

    stage = new createjs.Stage("starCanvas")

    background = new createjs.Bitmap("background1.jpg");
    background.image.onload = handleBackgroundImage_Loaded
}

function handleBackgroundImage_Loaded(evt) {
    background.x = 0
    background.y = 0
    stage.addChildAt(background,0);
    stage.update()  
}   

alert(canvas)
alert(stage)

Answer 1

你忘了调用我猜的功能。某处粘贴：

initializeCanvas();

Answer 2

make initializeCanvas，一个立即调用的函数。另外，请始终使用console.log输出要检查的对象。

＆＃13;

var canvas, stage;

(function initializeCanvas() {
    canvas = document.getElementById("starCanvas");
    canvas.width = window.innerWidth;
    canvas.height = 720;
    stage = new createjs.Stage("starCanvas");
    background = new createjs.Bitmap("background1.jpg");
    background.image.onload = handleBackgroundImage_Loaded;
})();

function handleBackgroundImage_Loaded(evt) {
    background.x = 0;
    background.y = 0;
    stage.addChildAt(background, 0);
    stage.update();
}
console.log(canvas);
console.log(stage);

＆＃13;

<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
<canvas id="starCanvas"></canvas>

＆＃13;

画布和舞台在easel.js中失去全球范围

2 个答案: