JSFiddle - React, Tailwind, and code Playground

by Emily Humphrey

HTML

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

CSS

html, body {
  width:  100%;
  height: 100%;
  margin: 0px;
}
#triangle{
    margin: 0;
}

JavaScript

function draw() {
  var canvas = document.getElementById('triangle');
  if (canvas.getContext){
    var ctx = canvas.getContext('2d');
      var winWidth = window.innerWidth;
      var winHeight = window.innerHeight;
      ctx.canvas.width  = window.innerWidth;
      ctx.canvas.height = window.innerHeight;
    ctx.beginPath();
    ctx.moveTo(0, winHeight);
    ctx.lineTo(winWidth,0);
    ctx.lineTo(winWidth,winHeight);
    ctx.fill();
  }
}

window.onload=draw();