JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
</head>
<body onmousemove="lineDraw()">
<canvas id="myCanvas" width="640" height="480"/>
</body>
</html>

JavaScript

function lineDraw() {

    var canvas=document.getElementById("myCanvas");
    var context=canvas.getContext("2d");
    context.clearRect(0, 0, canvas.width,canvas.height);
    context.moveTo(0,0);
    context.lineTo(event.clientX,event.clientY);
    context.stroke();

}