JSFiddle - React, Tailwind, and code Playground

by codef0rmer

HTML

<canvas id="can" width="300" height="300" ></canvas>

CSS

canvas { border : 1px solid red; }

JavaScript

/*
 * HTML5 Session Canvas Demo
 */

$(function () {
    var d = document.getElementById("can");
    var e = d.getContext("2d");
        e.strokeStyle="red";
    var b,c = 0;
    
    $("#can").mousemove(function(d){
        e.beginPath();
        e.moveTo(d.pageX - this.offsetLeft, d.pageY - this.offsetTop);
        e.lineTo(b,c);
        e.stroke();
        e.closePath();
        b = d.pageX - this.offsetLeft;
        c = d.pageY - this.offsetTop
    });
});