JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="cvs" width="100" height="100"></canvas>

CSS

canvas { border: 1px solid black; }

JavaScript

var canvas = document.getElementById('cvs');
canvas.width=100;
canvas.height=100;
var context = canvas.getContext("2d");
context.rect(10,10,80,80);

var img = new Image();
img.onload = function() { context.drawImage(img,0,0); };
img.src = "http://chovy.dyndns.org/cdn/16907303_1294527306.jpg";