JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="myCanvas" width="578" height="200"></canvas>
<div id='inserthere'></div>

JavaScript

var myImage = document.createElement("img");
myImage.src = "http://coolvibe.com/wp-content/uploads/2012/10/Digital-Painting-Ehsan-Dabbaghi-The-Guardian-of-Persia-992x544.jpg";
document.getElementById("inserthere").appendChild(myImage);



    var canvas = document.getElementById('myCanvas');
    var context = canvas.getContext('2d');

    // load image from data url
    var imageObj = new Image();
    imageObj.onload = function() {
      context.drawImage(this, 0, 0);
    };
    imageObj.src = "http://jsfiddle.net/img/logo.png"