JSFiddle - React, Tailwind, and code Playground

by rajeshpillai

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);