JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="mycanvas" width="256" height="256"></canvas>

JavaScript

$(function () {
    var canvas = $("#mycanvas"),
        ctx = canvas[0].getContext("2d"),
        imgUrl = "http://it-runde.de/dateien/2009/august/14/25.png";

    
    var image = new Image();  
    image.src = imgUrl ;  
    $(image).load(function() {
        ctx.drawImage(image, 0, 0, canvas.width(), canvas.height());
        draw();
    });
    
    function draw() {        
        ctx.fillStyle = "rgba(255, 255, 255, 0.1)";
        ctx.fillRect(0,0,canvas.width(),canvas.height());
        setTimeout(draw, 100);
        
    }
    
});