Uncaught ReferenceError: Stage is not defined using EaselJS
Uncaught ReferenceError: Stage is not defined using EaselJS
我正在设置一个快速的小测试以开始深入研究 EaselJS,但我遇到了这个错误,Uncaught ReferenceError: Stage is not defined
。我不确定为什么 Stage 没有定义,因为我检查了 easeljs-NEXT.combined.js 的 Stage 方法,它肯定在那里。我在这里做错了什么?
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Easel Intro</title>
<!-- EaselJS Library -->
<script src="js/vendor/easeljs-NEXT.combined.js"></script>
<script>
var stage;
var text;
var logo;
function init()
{
stage = new Stage(document.getElementById("canvas"));
logo = new Bitmap("img/HTML5_Logo_64.png");
logo.regX = logo.image.width * 0.5;
logo.regY = logo.image.height * 0.5;
stage.addChild(logo);
text = new Text("Text rendered on the canvas.", "36px Arial", "#666");
text.x = 100;
text.y = 100;
stage.addChild(text);
stage.update();
}
</script>
</head>
<body onload="init();">
<canvas id="canvas" width="960" height="580"></canvas>
</body>
</html>
您需要为所有 CreateJS 类 添加前缀 createjs.
。
new createjs.Stage("canvas");
这适用于您示例中的所有项目:舞台、位图和文本。
那里可能有过时的文档或示例,因为早期版本(2011 年左右)没有命名空间。
我正在设置一个快速的小测试以开始深入研究 EaselJS,但我遇到了这个错误,Uncaught ReferenceError: Stage is not defined
。我不确定为什么 Stage 没有定义,因为我检查了 easeljs-NEXT.combined.js 的 Stage 方法,它肯定在那里。我在这里做错了什么?
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Easel Intro</title>
<!-- EaselJS Library -->
<script src="js/vendor/easeljs-NEXT.combined.js"></script>
<script>
var stage;
var text;
var logo;
function init()
{
stage = new Stage(document.getElementById("canvas"));
logo = new Bitmap("img/HTML5_Logo_64.png");
logo.regX = logo.image.width * 0.5;
logo.regY = logo.image.height * 0.5;
stage.addChild(logo);
text = new Text("Text rendered on the canvas.", "36px Arial", "#666");
text.x = 100;
text.y = 100;
stage.addChild(text);
stage.update();
}
</script>
</head>
<body onload="init();">
<canvas id="canvas" width="960" height="580"></canvas>
</body>
</html>
您需要为所有 CreateJS 类 添加前缀 createjs.
。
new createjs.Stage("canvas");
这适用于您示例中的所有项目:舞台、位图和文本。
那里可能有过时的文档或示例,因为早期版本(2011 年左右)没有命名空间。