JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="my_canvas"></canvas>

JavaScript

var canvas = document.getElementById('my_canvas');
  var ctx = canvas.getContext('2d');
  var imageObj = new Image();
  ctx.canvas.width = 100;
  ctx.canvas.height = 100;
  imageObj.onload = function() {
    ctx.drawImage(imageObj, 0, 0,100,100);
  };
  imageObj.src = 'https://www.google.com/images/srpr/logo4w.png';