Canvas EaselJS demo

HTML

<script src="https://code.createjs.com/easeljs-0.8.0.min.js"></script>
<canvas id="canvas" width="500" height="500"></canvas>

CSS

canvas {
    border: 1px red solid;
}

JavaScript

var stage = new createjs.Stage("canvas");

var circle = new createjs.Shape();
circle.graphics.beginFill("rgb(200, 255, 255)").s("rgb(0, 140, 0)").drawCircle(0, 0, 50);
circle.x = 100;
circle.y = 100;

var box = new createjs.Shape();
box.graphics.f("rgb(255, 100, 50)").drawRoundRect(-50,-50,200,100, 50);
box.x = 210;
box.y = 100;

stage.addChild(box);
stage.addChild(circle);

stage.update();