JSFiddle - React, Tailwind, and code Playground

by Shashank D

HTML

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

CSS

canvas {
  zoom: 10;
}

JavaScript

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

off.width = 10;
off.height = 10;
let ctx = off.getContext('2d');
ctx.fillStyle = 'red';
ctx.beginPath();
ctx.arc(5, 5, 4, 0, Math.PI * 2);
ctx.closePath()
ctx.fill();