JSFiddle - React, Tailwind, and code Playground

by soulwire

HTML

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

CSS

html, body {
    background: #000;
    margin: 0;
}

JavaScript

var c = document.getElementById('canvas');
var g = c.getContext('2d');
c.height = window.innerHeight;
c.width = window.innerWidth;

g.globalCompositeOperation = 'lighter';
g.fillStyle = '#666';

g.beginPath();

g.moveTo(10, 10);
g.lineTo(100, 10);
g.lineTo(100, 40);
g.lineTo(10, 40);
g.lineTo(10, 10);

//g.fill();
//g.beginPath();

g.moveTo(20, 20);
g.lineTo(50, 20);
g.lineTo(50, 50);
g.lineTo(20, 50);
g.lineTo(20, 20);


g.fill();