JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://github.com/Mtillmann/mootools-canvas-lib/raw/master/mcl-min.js"></script>
<canvas id="canvas" width=600 height=400></canvas>

JavaScript

CANVAS.init({ canvasElement : 'canvas' });
    CANVAS.layers.add( new Layer({
        id : 'myLayer'
    }));
    
    var colors = [
        'rgba(255,0,0,1)',
        ];
    
    var pos = [
        { x: 150, y : 100 },
    ]
            
           var foo = new CanvasItem({
            id : 'item',
            x : pos[0].x,
            y : pos[0].y,
            fillStyle : colors[0],
            events : {
                onDraw : function(ctx)
                {
                    ctx.fillStyle = this.fillStyle;
                    ctx.fillRect(this.x,this.y,200,200);
                }
            }
        });
        
    CANVAS.layers.get('myLayer').add(foo);
    CANVAS.draw();
    CANVAS.layers.get('myLayer').remove(foo);
    CANVAS.draw();