JSFiddle - React, Tailwind, and code Playground

by Steven Senkus

HTML

<script src="http://code.createjs.com/easeljs-0.7.1.min.js"></script>
<canvas id="canvas"></canvas>

CSS

#canvas {
    border: 2px solid #000;
}

JavaScript

//Create a stage by getting a reference to the canvas
   var stage = new createjs.Stage("canvas");
   //Create a Shape DisplayObject.
   var circle = new createjs.Shape();
   circle.graphics.beginFill("red").drawCircle(0, 0, 40);
   //Set position of Shape instance.
   circle.x = 20;
   circle.y = 20;
   var g = new createjs.Graphics();
   g.setStrokeStyle(1);
   g.beginStroke(createjs.Graphics.getRGB(0, 0, 0));
   g.beginFill(createjs.Graphics.getRGB(255, 0, 0));
   g.drawRect(0, 0, 20, 23);
   var s = new createjs.Shape(g);
   s.x = 100;
   s.y = 100;

   stage.addChild(s);
   stage.update();

   stage.update();