JSFiddle - React, Tailwind, and code Playground

JavaScript

var image1 = new Image();
image1.src = "http://www.w3.org/html/logo/downloads/HTML5_Logo_128.png";
var image2 = new Image();
image2.src = "http://prismitsolutions.com/images/icons/css3.png";

var canvas = document.createElement('canvas');
canvas.width = 220;
canvas.height= image1.height;
var context = canvas.getContext("2d");

image1.onload = function() {
    
   context.drawImage(image1, 0, 0); 
   context.drawImage(image2, 80, 0);      
};
 
var base64 = canvas.toDataURL('image/png');

console.log(base64); //write the base64 string as an output

var img = document.createElement('img');
img.src=base64;
document.body.appendChild(img); //add img element to the body element as a child

//document.body.appendChild(canvas);