JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas" width="500" height="500"></canvas>

JavaScript

var can=document.getElementById("canvas");
var cxt=can.getContext("2d");

    for(var i=2;i<=18;i++){
    cxt.save();
    cxt.translate(250,250);
    cxt.rotate(i*9*Math.PI/180);
    cxt.strokeStyle="blue";
    cxt.lineWidth=6;
    cxt.beginPath();
    cxt.moveTo(0,0);
    cxt.lineTo(-200,0)
    cxt.closePath();
    cxt.stroke();
    cxt.restore();
    }