JSFiddle - React, Tailwind, and code Playground

by Amanda Williamson

HTML

<canvas id="canvas" width="500" height="500"></canvas>
<div id="color"></div>

JavaScript

var img = new Image();
img.src = 'http://www.luvimages.com/luvphotos/t/tiger_cub-3863.jpg';
var canvas = document.getElementById('canvas')
var ctx = canvas.getContext('2d');
img.onload = function(){
  ctx.drawImage(img,0,0,300,250); //img,x,y,w,h
};

ctx.font = 'italic bold 20px Calibri';
ctx.fillText('I Love Tigers!!', 100, 270);