JSFiddle - React, Tailwind, and code Playground

by hajime_nagahata

HTML

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

JavaScript

(function(){

    //ElementIDを指定して、ステージを作成する
        var mystage=new createjs.Stage("mycanvas");
    
    //Graphicsオブジェクトを作成する
        var g = new createjs.Graphics();
    
    //四角を描画
        g.f("#000").rect(0,0,100,100);
    
    //影オブジェクトを作成
        var shadow = new createjs.Shadow("#000",0,0,400);
    
     //Displayオブジェクトを作成
         var shape=new createjs.Shape(g);
    
    //Displayオブジェクトに影を設定
        shape.shadow=shadow;
    
     //シェイプオブジェクトをステージに追加する
         mystage.addChild(shape);
    
     //ステージを更新して描画を完了
        mystage.update();

})()