JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

canvas {
    border: 1px solid red;
}

JavaScript

var canvas=document.getElementById('canvas');
var ctx=canvas.getContext('2d');

ctx.translate(0, canvas.height);
ctx.scale(1, -1);

ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(10, 100);
ctx.lineTo(100, 50);
ctx.closePath();
ctx.stroke();