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 年左右)没有命名空间。