JSFiddle - React, Tailwind, and code Playground

by dylanjha

HTML

<body>
    <div>HII</div>
    <img src="https://www.dropbox.com/s/r7tkij8ed2ruels/snapshot.png?dl=1"/ >
    <canvas style="width: 100px; height: 100px;"></canvas>
</body>

JavaScript

$(function() {
   console.log("HII");
    return;
  var canvasEl = $("canvas")[0];
  var context = canvasEl.getContext('2d');
//  var baseImage = new Image();
//  baseImage.src = "https://www.dropbox.com/s/r7tkij8ed2ruels/snapshot.png?dl=1";
//  baseImage.width = "100px";
//  baseImage.height = "100px";
  baseImage = $("img")[0];
  context.drawImage(baseImage, 0, 0);
  console.log("BYYYE");
    
});