JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas"/>

JavaScript

let canvas = document.getElementById('canvas');

let pixelSize = 200;

canvas.width = pixelSize * window.devicePixelRatio;
canvas.height = pixelSize * window.devicePixelRatio;
canvas.style.width = pixelSize + 'px';
canvas.style.height = pixelSize + 'px';

let context = canvas.getContext('2d');
let roundedScale = Math.round(window.devicePixelRatio);
context.scale(roundedScale, roundedScale);
context.fillStyle = 'white';
context.fillRect(0, 0, pixelSize, pixelSize);
context.moveTo(100.5, 10);
context.lineTo(100.5, 190);
context.stroke();