JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="myCanvas" width="1000" height=600
	style="border: 1px solid #000000;">
</canvas>

JavaScript

var canvas = document.getElementById('myCanvas');
	var ctx = canvas.getContext('2d');
  
  		ctx.beginPath();
			ctx.arc(50,50 , 40, 0, 2 * Math.PI);
			ctx.fill();
      
      		
      ctx.fillStyle="#FFFFFF";
		  ctx.strokeStyle="#FFFFFF";
      
      ctx.beginPath();
			ctx.arc(50,50 , 40, 0, 2 * Math.PI);
			ctx.fill();