JSFiddle - React, Tailwind, and code Playground

by karin

HTML

<canvas id="a"></canvas>

CSS

canvas{
    border:thin solid #666;
}

JavaScript

var mycanvas = document.getElementById("a");
var context = mycanvas.getContext("2d");

context.strokeStyle = "#eee";
context.fillStyle   = '#00f';
context.lineWidth   = 4;
context.stroke();

context.fillRect  (0,   0, 150, 50);
context.fillStyle   = '#ddd';
context.fillRect  (10,   10, 150, 50);