JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvasBg">Your Browser does not support HTML5</canvas>

CSS

#canvasBg {
width: 800px;
height: 500px;
display: block;
margin: 100px auto;
background-color: #606060;
}

JavaScript

var canvas = document.getElementById("canvasBg");
var ctxBg = canvas.getContext('2d');

var imgSprite = new Image();
imgSprite.src = "https://raw.githubusercontent.com/gyrostorm/html5-game-dev-series/gh-pages/images/sprite.png";
imgSprite.onload = function() {
    ctxBg.drawImage(imgSprite,0,0,1600,500,0,0,1600,500);
}