Merge 2 images, store in local storage as 1

Programming
,
1

Issue

I need to merge two images and show as a single image. I also need to store the merged image on the device.

Solution

I will use the following code to merge two images into one:

let mergedImage = new Image();
let image1 = new Image();
let image2 = new Image();
image1.src = "image1.jpg";
image2.src = "image2.jpg";

//Merge the two images into one
mergedImage.src = (image1.src + image2.src);

//Show the merged image
document.body.appendChild(mergedImage);

//Save the merged image
let downloadLink = document.createElement("a");
let fileName = "mergedImage.jpg";

downloadLink.href = mergedImage.src;
downloadLink.download = fileName;
downloadLink.click();
2

This is the code to merge two images and store the merged image on the device:

let mergedImage = new Image();
let image1 = new Image();
let image2 = new Image();
image1.src = "image1.jpg";
image2.src = "image2.jpg";

//Merge the two images into one
mergedImage.src = (image1.src + image2.src);

//Show the merged image
document.body.appendChild(mergedImage);

//Save the merged image
let downloadLink = document.createElement("a");
let fileName = "mergedImage.jpg";

downloadLink.href = mergedImage.src;
downloadLink.download = fileName;
downloadLink.click();