JSFiddle - React, Tailwind, and code Playground

JavaScript

var upcan = document.createElement("canvas");
upcan.width = "190";
upcan.height = "380";
upcan.style.cssText = 'border-radius:25px; border: 2px solid black'
var upctx = upcan.getContext('2d');
document.body.appendChild(upcan);

upctx.fillStyle = "#cdcdcd";
/* Draw a rectangle on canvas */
upctx.fillRect(0, 0, 500, 500);

var pb = new Image();
pb.src = "http://a0.twimg.com/profile_images/1766843478/plain.jpeg";

alert("1st");    
upctx.drawImage(pb,0,0);
alert('First canvas')

var canvasData = upcan.toDataURL("image/png");
 alert("second canvas");
var pb1 = new Image();
pb1.src = canvasData;
    alert("second canvas");
upctx.drawImage(pb1,0,0);
    alert("2nd");