JSFiddle - React, Tailwind, and code Playground

by Amar Nyayapati

HTML

<script>
    function canvas(e)
    {
        x = e.clientX;
    //alert(x)
        y = e.clientY;
    //alert(y)
        var c = document.getElementById("first");
        var cxt = c.getContext("2d");
        cxt.moveTo(50,50);
        cxt.lineTo(x,y);
        cxt.stroke();
        var a;
        dx = x-50;
        dy = y-50;
    a = Math.sqrt(dx*dx+dy*dy);//3d animate
        //alert(a);
    }

</script>


<body style="margin:0px;">
    <canvas id="first" width="500" height="500" onmousemove="canvas(event)"></canvas>
</body>