JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<canvas id="myCanvas" width="240" height="297"
style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.
</canvas>

JavaScript

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var img = new Image();
img.onload = function() {
    ctx.drawImage(img, 0, 0);
};
img.src = 'http://res.cloudinary.com/demo/image/upload/q_auto,f_auto/sample.jpg';