JSFiddle - React, Tailwind, and code Playground
JavaScript
var image1 = new Image();
var image2 = new Image();
var canvas = document.createElement('canvas');
var context = canvas.getContext("2d");
document.body.appendChild(canvas);
image1.onload = function () {
canvas.width = 220;
canvas.height = image1.height;
context.drawImage(image1, 0, 0);
image2.onload = function () {
context.drawImage(image2, 80, 0);
};
image2.src = "http://prismitsolutions.com/images/icons/css3.png";
};
image1.src = "http://www.w3.org/html/logo/downloads/HTML5_Logo_128.png";
var base64 = canvas.toDataURL('image/png');
var img = document.createElement('img');
img.src = base64;
document.body.appendChild(img);