JSFiddle - React, Tailwind, and code Playground

HTML

<canvas></canvas>

JavaScript

function drawImage(url) {
  var image = new Image();
  
  // add eventlistener
  image.addEventListener('load', function(e) {
    var width = image.width;
    var height = image.height;
  
		var canvas = document.querySelector('canvas');
    canvas.width = width;
    canvas.height = height;

    canvas.getContext('2d').drawImage(image, 0, 0, width, height); 
  });
	
  // trigger the loading
  image.src = url;
}

drawImage('https://upload.wikimedia.org/wikipedia/commons/c/c4/PM5544_with_non-PAL_signals.png');