JSFiddle - React, Tailwind, and code Playground

by terby

HTML

<canvas id="canvas" width="640" height="480"></canvas>

CSS

#canvas {
	border: 1px solid red;
}

JavaScript

var m = -0.137;
var c = 362.98;

//y = mx + c;

//y = 0, y = 480;
//x = 0, x = 640;






var c=document.getElementById("canvas");
var ctx=c.getContext("2d");
ctx.moveTo(640, 275.3);
ctx.lineTo(0, 362.98);
ctx.stroke();


ctx.moveTo(640, 1350.248);
ctx.lineTo(-82.83083512,0);
ctx.stroke();

/*
ctx.moveTo(0,-120.96);
ctx.lineTo(640, 1074.56);
ctx.stroke();
*/

ctx.moveTo(640,1074.56);
ctx.lineTo(321.7130621, 480);
ctx.stroke();