function processImage(originalImg, companyName = "Global Inc.", studioName = "Creative Studios", year = "2023") {
const canvas = document.createElement('canvas');
const width = originalImg.width;
const height = originalImg.height;
// Calculate a proportionate banner height based on image size
const bannerHeight = Math.max(40, Math.min(150, height * 0.15));
canvas.width = width;
canvas.height = height + bannerHeight;
const ctx = canvas.getContext('2d');
// Draw the original image onto the canvas
ctx.drawImage(originalImg, 0, 0);
// Draw a dark background for the banner at the bottom
ctx.fillStyle = '#1a1a1a';
ctx.fillRect(0, height, width, bannerHeight);
// Configure text styling
ctx.fillStyle = '#ffffff';
// Dynamically adjust font size to fit the banner
const fontSize = bannerHeight * 0.35;
ctx.font = `bold ${fontSize}px Arial, sans-serif`;
ctx.textAlign = 'center';
ctx.textBaseline = 'middle';
// Formulate the overlay string using the provided parameters
const text = `© ${year} ${companyName} | ${studioName} | Similar Images Finder`;
// Add text to the center of the banner
ctx.fillText(text, width / 2, height + (bannerHeight / 2));
return canvas;
}This tool allows users to add a custom information banner to the bottom of an image. It overlays a dark footer containing specific text such as a company name, studio name, and year, which can be used to create branded watermarks or copyright notices. This is useful for photographers, digital artists, and businesses looking to protect their intellectual property or add professional credits to their visual content.