JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="MyCanvas" width="600" height="600"></canvas>

CSS

img {
    position:absolute;
    x:100px;
    y:100px;
}

JavaScript

//var canvas = document.getElementById('MyCanvas');
//var canvasContext = canvas.getContext('2d');

var img = new Image();
//img.setAttribute('crossOrigin', 'anonymous');
img.crossOrigin = 'Anonymous';
img.src = 'http://test.realtimeboard.com/app/images/canvas/sticker/sticker3.png';
document.body.appendChild(img);


//img.onload = function () {
  //  canvasContext.drawImage(img, 0, 0);

    //var newImage = new Image();    
    //newImage.src = canvas.toDataURL("image/png");
    //document.body.appendChild(newImage);
//};