未捕获的ReferenceError:未使用EaselJS

时间:2015-10-19 19:39:06

标签: html5 createjs easeljs

我正在设置一个快速的小测试来开始挖掘EaselJS,但是我收到了这个错误Uncaught ReferenceError: Stage is not defined。我不确定为什么没有定义舞台,因为我检查了舞台方法的easeljs-NEXT.combined.js,它肯定在那里。我在这里做错了什么?

<!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>

1 个答案:

答案 0 :(得分:3)

您需要在所有CreateJS类前加createjs.

new createjs.Stage("canvas");

这适用于您示例中的所有项目:舞台,位图和文本。

可能有过时的文档或示例,因为早期版本(2011年左右)没有名称空间。