JSFiddle - React, Tailwind, and code Playground

by Terrance Smith

HTML

<canvas id="canvas" width="150" height="150" />

CSS

canvas {                
            border: solid black 1px;                
            width:  400px;                
            height: 600px;            
        }

JavaScript

var canvas = document.getElementById("canvas");
      if (canvas.getContext) {
        var ctx = canvas.getContext("2d");

        ctx.fillStyle = "rgb(200,0,0)";
        ctx.fillRect (10, 10, 55, 50);

        ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
        ctx.fillRect (30, 30, 55, 50);
      }