JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="panel" width="300" height="200">
</canvas>

CSS

#panel{
    display: block;
    width: 100%;
    height: 100%;
}

JavaScript

var src = "http://placekitten.com.s3.amazonaws.com/homepage-samples/408/287.jpg";

var canvas=document.getElementById("panel");

var img = new Image();
img.onload = function() {
    var context=canvas.getContext("2d");
    context.drawImage(img, 0, 0, canvas.width, canvas.height);      
}

img.src = src;