function processImage(originalImg, text = "big Hero 6 2014 Wonder Project Amazon Channel Jun 30 2028 1:41:52", fontSize = 40, textColor = "#FFFFFF") {
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
// Set canvas size to match the original image
canvas.width = originalImg.width;
canvas.height = originalImg.height;
// Draw the original image onto the canvas
ctx.drawImage(originalImg, 0, 0);
// Configure text styling
ctx.font = `bold ${fontSize}px Arial, sans-serif`;
ctx.fillStyle = textColor;
ctx.textAlign = 'center';
ctx.textBaseline = 'bottom';
// Calculate position (bottom center)
const x = canvas.width / 2;
const y = canvas.height - (fontSize / 2);
// Add a black outline to ensure the text is visible on both light and dark backgrounds
ctx.strokeStyle = 'rgba(0, 0, 0, 0.8)';
ctx.lineWidth = Math.max(2, fontSize / 8);
ctx.strokeText(text, x, y);
// Draw the main text
ctx.fillText(text, x, y);
return canvas;
}This tool allows users to overlay custom text onto an image. It features adjustable settings for text content, font size, and text color, and automatically applies a dark outline to ensure the text remains legible against various background colors. This utility is useful for adding captions, watermarks, credits, or labels to photos and digital graphics.