JSFiddle - React, Tailwind, and code Playground

by Ben Watts

HTML

<canvas id="myCanvas" width="400" height="250">
</canvas>

JavaScript

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

function drawImage(whatIMG) {
        var drawCanvasImage = new Image();
        drawCanvasImage.src = whatIMG.toString();
        drawCanvasImage.onload = function(){
          ctx.drawImage(drawCanvasImage,0,0);
        }
    };

var image = new Image();
image.src = "imagesource.jpg";

drawImage("http://33.media.tumblr.com/be53cdc1a6c091d7f2868e91f45d4df5/tumblr_n6m4vfbFYj1tah9pwo1_500.gif");

drawImage("http://www.pixeljoint.com/files/icons/walkingcat_by_thetaupe.gif");