JSFiddle - React, Tailwind, and code Playground

by Spencer Smith

HTML

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

JavaScript

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

ctx.canvas.width  = window.innerWidth;
ctx.canvas.height = window.innerHeight;

var s = 1;
// First path
ctx.beginPath();
ctx.fillStyle = 'darkturquoise';
ctx.moveTo(50*s,50*s);
ctx.lineTo(100*s,50*s);
ctx.lineTo(100*s,100*s);
ctx.lineTo(50*s,50*s);
ctx.fill();