JSFiddle - React, Tailwind, and code Playground

HTML

<canvas width="200" height="200" id="canvas1" style="width: 800px; height: 800px;">

JavaScript

var ctx = document.getElementById('canvas1').getContext('2d');
ctx.strokeStyle = 'black';
ctx.lineWidth = .2;
ctx.beginPath();
ctx.moveTo(5, 5);
ctx.lineTo(50, 6);
ctx.stroke();

ctx.beginPath();
ctx.moveTo(55, 4.9);
ctx.lineTo(100, 5.9);
ctx.lineTo(100, 6.1);
ctx.lineTo(55, 5.1);
ctx.fill();