<body>
  <canvas id="myCanvas" width="500" height="300">Canvas対応ブラウザを使って下さい</canvas>

  <script src="https://code.createjs.com/easeljs-0.8.1.min.js"></script>
</body>
#demoCanvas {
  border: #333 1px solid;
}
window.onload = function(){
  (function(){
    var stage;
    
    init();
    function init() {
      canvasObject = document.getElementById("myCanvas");
      stage = new createjs.Stage(canvasObject);

      var circle = new createjs.Shape();
      circle.graphics
       .beginFill("DeepSkyBlue")
       .drawCircle(0, 0, 50);
      circle.x = 100;
      circle.y = 100;
      stage.addChild(circle);

      stage.update();
    }
 })();   
};

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.