JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="drawingboard" width=500 height=250></canvas>

JavaScript

var img = new Image();
img.onload = draw;
img.src = "https://upload.wikimedia.org/wikipedia/commons/2/2f/Internet_Explorer_10_logo.svg";

function draw(){
    ctx = document.getElementById("drawingboard").getContext('2d')
    
    ctx.drawImage(img, 0, 0, 250, 250);
    
    ctx.globalAlpha = 0.5;
    ctx.drawImage(img, 250, 0, 250, 250);
}