JSFiddle - React, Tailwind, and code Playground

by Laxmikant Dange

HTML

<canvas id="can" width=200 height=200></canvas>

CSS

#can{
    border:1px solid #F00;
    width:100%;
}

JavaScript

var ctx=document.getElementById("can").getContext("2d");
ctx.arc(100,75,50,0,1*Math.PI);
ctx.closePath()
ctx.stroke()
ctx.fill()