JSFiddle - React, Tailwind, and code Playground

HTML

<canvas width="200" height="200" id="canvas1">

JavaScript

var ctx = document.getElementById('canvas1').getContext('2d');
ctx.strokeStyle = 'black';

x = 5.5+0.5;
ctx.lineWidth = .001;
ctx.strokeRect(0.5, 5.5, 10, 20);
x += 20;

ctx.lineWidth = .001;
ctx.strokeRect(20, 5.5, 10, 20);
x += 20;