JSFiddle - React, Tailwind, and code Playground
HTML
<canvas width="640" height="480" id="can"></canvas>
<div id="labelDiv">Some text</div>
CSS
#labelDiv {
font-size: 70px;
position: absolute;
top: 280px;
left: 100px;
z-index: 1;
}
#can {
position: absolute;
top: 0px;
left: 0px;
z-index: 3;
}
JavaScript
var canvas = document.getElementById('can'),
context = canvas.getContext('2d');
var img = document.createElement('img');
img.onload = function () {
context.drawImage(this,0,0);
};
img.src = 'http://www.planet-aye.co.uk/seasonal05/snow.png';