2015-10-19 55 views
1

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

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

回答

3

您需要为所有的CreateJS类加上createjs.的前缀。

new createjs.Stage("canvas"); 

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

由于早期版本(2011左右)没有命名空间,因此可能存在过时的文档或示例。

+0

啊,谢谢!我从一些老例子开始操作。 – greyBow

相关问题