JSFiddle - React, Tailwind, and code Playground

JavaScript

var image;
function onload () {
		var canvas = document.createElement("canvas");
    canvas.width =image.width;
    canvas.height =image.height;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(image, 0, 0);
    var ansImgDataURL = canvas.toDataURL("image/jpeg",1.0);
		console.log(ansImgDataURL);
    console.log(image.height, image.width);
}

image= new Image();
image.src="https://media.us1.twilio.com/MEd2423094d30b8d7950684ea7d328b717?Expires=1537251160&Signature=mi6nRldhnyDlDp1FepiGhaB6QCBx1FDlMFkE43vI81mnkOvtiPsMnRyO~ZRj1KdidzPYTMwlpMEobqkyysC6esfgfes2taaZVGepeyJpKdBcF4nZngAr08FQNqCWrUhSJHUBFif603EdEw-XbYfKVJPt5qK-KpmG5lBm5aMS15UWCPLSSYNQ1z-1IK4OumrSjbB3fQRICnktmBBL9ZOnnZk8gJfLZsSDbaoQUDGErwETXj3bTfskf5D10jFkyBQX8YRJo5O-nFWT6E70bf9nYJg2eRkR9XxqVqwRfEYwDWB9t8p~xFNwpUvbQAwx-uV9jFT9l56Z1ms4wP2GSUNfSQ__&Key-Pair-Id=APKAJWF6YVTMIIYOF3AA";
// check if image is already loaded to cache
if (image.complete) {
    console.log('image already loaded to browser');
    onload();
} else {
    // or bind onload handler for image
    image.onload = onload;
}