JSFiddle - React, Tailwind, and code Playground
by luka kupunia
HTML
<canvas id="queImg" width="500" height="500"> </canvas>
JavaScript
function onPhotoDataSuccess(imageData) {
var myImage = new Image();
var thecanvas = document.getElementById("queImg");
var ctx = thecanvas.getContext("2d");
myImage.onload = function() {
ctx.drawImage(myImage, 0, 0, myImage.width * 0.15, myImage.height * 0.15);
}
myImage.src = "http://placekitten.com/1296/968";
}
onPhotoDataSuccess(null);