JSFiddle - React, Tailwind, and code Playground

by amaan

HTML

<canvas id='test' width='400' height='400'></canvas>

JavaScript

var img = new Image();
img.src = 'http://fc01.deviantart.net/fs70/f/2012/187/b/b/ben_10__my_sprite_sheet_by_pyroman16-d56744g.png';

var ctx = document.getElementById('test').getContext('2d');
img.onload = function() {
    ctx.drawImage(img, 0, 0, 300, 300, 0, 0, 300, 300);
    ctx.fillRect(0, 0, 10, 10);
};