JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvasStreetFighter" width="500" height="500" style="background-color:green">
This text is displayed if your browser does not support HTML5 Canvas.
</canvas>

JavaScript

var canvas = document.getElementById('canvasStreetFighter');
var context = canvas.getContext('2d');

var sprite = new Image();
sprite.src = "http://scrollboss.illmosis.net/fgtsprite/sprite_ryu_fightstance.gif";
sprite.onload = function() {
        context.drawImage(sprite,10,10,20,30);
        context.drawImage(sprite,10,70,20,30);
        context.drawImage(sprite,10,140,20,30);
        context.drawImage(sprite,10,210,20,30);
        context.drawImage(sprite,10,280,20,30);
        context.drawImage(sprite,10,350,20,30);
        context.drawImage(sprite,10,420,20,30);
}