<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="viewport" content="width=device-width; initial-scale=1.0"> <meta name="viewport" content="height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"> <script type="text/javascript" src="easeljs-0.7.1.min.js"></script> <script type="text/javascript " src="play.js"></script> </head> <body onload="init()" style="height:100%"> <canvas id="mycanvas" width='300' height='300' > </canvas> </body> </html>
play.js
window.onLoad = function() {
init();
}
var init = function() {
var canvas = document.getElementById("mycanvas");//获取Canvas，注意需要设置高度和宽度。
var stage = new createjs.Stage("mycanvas");//创建舞台
var welcomeWords=stage.addChild(new createjs.Text("色块大战", "bolder "+font+"px Aria", "#ccc")).set({
x: bounds.width/2*0.8,
y: bounds.height/2*0.8,
lineHeight: 50,
name:"welcomeWords",
visible:false
});//创建子元素
stage.addChild(welcomeWords);//添加元素
stage.update();
}