JSFiddle - React, Tailwind, and code Playground

by alexandroppolus

HTML

<canvas id="circle"></canvas>

JavaScript

var circle = document.getElementById("circle");

circle.width = 512;
circle.height = 512;

var context = circle.getContext('2d');
context.lineWidth = 256;


for(var i = 2; i <= 360; i++){
    context.beginPath();
    context.arc(256, 256, 128, (i-2)*Math.PI/180.0, (i*Math.PI/180.0), false);
    //context.arc(256, 256, 0, 0, 1, false);
    context.strokeStyle = "RGB(255, "+i+", 0)";
    context.stroke();
}