JSFiddle - React, Tailwind, and code Playground

by Shuaib Khan

HTML

<canvas id="Canvas" width="256" height="256"></canvas>

JavaScript

var c = document.getElementById("Canvas");
var ctx = c.getContext("2d");
var prevX = 0;
var prevY = 0;
var speed = 1; 
var x = 0, y = 0; 
render(); 
function render() { 
	x += speed;
	y += speed;
	drawLine(x, y);
	requestAnimationFrame(render);
}

function drawLine(X, Y) {

	ctx.beginPath();
	ctx.moveTo(prevX,prevY);
	ctx.lineTo(X,Y); ctx.stroke(); 
}