JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<canvas id="drawCanvas" style="border:2px solid lightblue;height:200px;width:200px;"></canvas>

JavaScript

$(function () {
class CC{
        constructor(canvas){
            this.canvas = canvas;
        }
        freehand_mousedown(e){
            console.log(this.canvas)
            console.log($(this.canvas))
            console.log($(this.canvas).offset())
        }
        bind_freehand(){
            $(this.canvas).mousedown((event) => {
	            this.freehand_mousedown(event);
            })
        }
    }
    
    let canvas = new CC(document.getElementById("drawCanvas"));
    canvas.bind_freehand()
 
    
});