JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="c"></canvas>

CSS

body {
  margin:0;
}
#c {
		width: 100%;
		height: 100%;
		border: 5px solid black;
}

JavaScript

var canvas = document.getElementById("c");
ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc( canvas.width + 12, canvas.height + 12, 12,0,2*Math.PI);
ctx.stroke();