function processImage(originalImg, overlayText = "big Hero 6 2014 Wonder Project Amazon Channel Jun 30 2028 1:41:52", fontSize = 40, fontColor = "#FFFFFF") {
const canvas = document.createElement("canvas");
const ctx = canvas.getContext("2d");
canvas.width = originalImg.width;
canvas.height = originalImg.height;
// Draw the original image onto the canvas
ctx.drawImage(originalImg, 0, 0, canvas.width, canvas.height);
// Set up font styles
ctx.font = `bold ${fontSize}px Arial, sans-serif`;
ctx.textAlign = "center";
ctx.textBaseline = "bottom";
// Add shadow for better visibility on varying backgrounds
ctx.shadowColor = "rgba(0, 0, 0, 0.8)";
ctx.shadowBlur = 5;
ctx.shadowOffsetX = 2;
ctx.shadowOffsetY = 2;
const x = canvas.width / 2;
const y = canvas.height - Math.max(20, fontSize / 2);
const maxWidth = canvas.width - 40;
// Draw Stroke (outline) for extra readability
ctx.lineWidth = Math.max(2, fontSize / 10);
ctx.strokeStyle = "#000000";
ctx.strokeText(overlayText, x, y, maxWidth);
// Draw solid text
ctx.fillStyle = fontColor;
ctx.fillText(overlayText, x, y, maxWidth);
return canvas;
}This tool allows users to overlay custom text onto an image. It features customizable options for text content, font size, and color, and automatically applies a shadow and outline to ensure the text remains legible against various backgrounds. It is useful for creating memes, adding captions to photos, or inserting watermarks and timestamps into images.