JSFiddle - React, Tailwind, and code Playground

by gurkavcu

HTML

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

JavaScript

$(function () {
    var canvas, context, i, angle = 0;
 
    canvas = $("#canvas")[0];
    context = canvas.getContext("2d");
    context.lineWidth = 0.25;
 
    for(i = 0; i < 500; i += 1) {
        context.setTransform(Math.cos(angle), -Math.sin(angle), Math.sin(angle), Math.cos(angle), i + 50, 100);
        context.strokeRect(-25, -25, 50, 50);
        angle += 0.05;
    }
});