JSFiddle - React, Tailwind, and code Playground

by William Green

HTML

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

CSS

canvas{
  border:1px solid #000;
}

JavaScript

window.addEventListener("load",function(){
	var c = document.getElementById('c').getContext('2d');
  
  c.beginPath();
  c.fillStyle = 'red';
  c.fillRect(20,10,15,75);
  
  c.fillStyle = '#000';
  c.fillRect(50,40,20,20);
  
  c.moveTo(20,50);
	c.lineTo(200,100);
	c.stroke();
  
  
  c.beginPath();
	c.arc(50,50,50,0*Math.PI,1.5*Math.PI);
  c.strokeStyle = 'green';
  c.fillStyle = 'orange';
  c.fill();
	c.stroke();
});