JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id=myCanvas width=300 height=300></canvas>

JavaScript

var ctx = document.getElementById("myCanvas").getContext("2d");

ctx.drawVerticalLine = function(left, top, width, color){
	this.fillStyle=color;
	this.fillRect(left, top, 1, width);
};

ctx.drawHorizontalLine = function(left, top, width, color){
  this.fillStyle=color;
	this.fillRect(left, top, width, 1);
}

ctx.drawVerticalLine(150, 0, 300, "green");
ctx.drawHorizontalLine(0, 150, 300, "red");