JSFiddle - React, Tailwind, and code Playground

HTML

<canvas width="200" height="200" id="can" onclick="draw()">
</canvas><br>
<img id="img" src="http://img132.imageshack.us/img132/5311/dotlr.png" visible="false">

CSS

body {
  text-align:center;
}
#can {
  margin-top:30%;
  background-color:#000000;
}

#img
{
visibility:hidden;
}

JavaScript

var img=document.getElementById("img");
var canvas=document.getElementById("can");
var ctx=canvas.getContext('2d');

ctx.fillStyle="red";
ctx.fillRect(0,0,50,50);
ctx.drawImage(img, 0, 0, 19, 19); //;(

var imgData=ctx.getImageData(0,0,50,50);
ctx.putImageData(imgData,100,100);