EaselJS empty
http://www.createjs.com/#!/EaselJS
by Fabio Biondi
HTML
<script src="http://code.createjs.com/easeljs-0.5.0.min.js"></script>
<canvas id='display' width='640' height='480'></canvas>
CSS
#display {
border: 1px solid #000000;
margin: 50px auto;
display: block;
}
JavaScript
var stageWidth = 640;
var stageHeight = 480;
var stage = new createjs.Stage(document.getElementById('display'));
// Add border
var border = new createjs.Shape();
border.graphics.beginStroke("#000");
border.graphics.setStrokeStyle(1);
border.snapToPixel = true;
border.graphics.drawRect(0, 0, 450, 309);
border.x = Math.round(stageWidth / 2 - 200);
border.y = Math.round(stageHeight / 2 - 150);
stage.addChild(border);
stage.update();
createjs.Ticker.setFPS(40);
createjs.Ticker.addListener(tick);
function tick() {
stage.update();
}