JSFiddle - React, Tailwind, and code Playground

by Laxmikant Dange

HTML

<canvas id='can'></canvas>

CSS

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

JavaScript

var ctx=document.getElementById('can').getContext('2d');
ctx.canvas.width=500;
ctx.canvas.height=500;
function draw(i){
    ctx.beginPath();
    var x=Math.sin(Math.PI/180*i)*100+250;
    var y=Math.cos(Math.PI/180*i)*100+250;
    ctx.arc(x,y,5,0,Math.PI*2);
    ctx.fill();
    if(i>361)return;
    setTimeout(function(){
        draw(++i)
    },10)
}
draw(0);