JSFiddle - React, Tailwind, and code Playground

by Laxmikant Dange

HTML

<canvas id='ctx' width=500 height=500></canvas>

JavaScript

var ctx=document.getElementById('ctx').getContext('2d');
ctx.beginPath();
var angle=-20
for(var i=0;i<360;i++){
    var x=Math.sin(Math.PI/180*(i+angle))*50+100;
    var y=Math.cos(Math.PI/180*(i+angle))*50+100;
    if(i%(360/3)==0)
    ctx.lineTo(x,y);
}
ctx.stroke();