JSFiddle - React, Tailwind, and code Playground

by Aaron Iker

HTML

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

CSS

canvas {
  width: 600px;
  height: 600px;
}

JavaScript

function draw() {
  var canvas = document.getElementById('canvas');
  if (canvas.getContext) {
    var ctx = canvas.getContext('2d');
    ctx.beginPath();
    ctx.moveTo(0, 0);
    ctx.lineTo(500, 0);
    ctx.lineTo(440, 400);
    ctx.lineTo(0, 500);
    ctx.lineTo(0, 0);
    ctx.fill();
  }
}

draw();