JSFiddle - React, Tailwind, and code Playground

by MikeEast

HTML

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

CSS

#myCanvas {
    width: 500px;    
    height: 500px;
}

JavaScript

var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');

context.beginPath();


context.moveTo(250,20);
context.lineTo(20,100);
context.lineTo(170, 180);
context.closePath();

      context.lineWidth = 1;
      context.strokeStyle = 'black';
      context.stroke();