function processImage(originalImg, capogText = "Капирог", textSize = 60, textColor = "#FFFFFF", strokeColor = "#000000") {
// Create a new canvas element
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
// Set canvas dimensions 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);
// Parse the font size properly to ensure it's a number
const fontSize = typeof textSize === 'string' ? parseInt(textSize, 10) || 60 : textSize;
// Setup text styling for typical meme/caption readability
ctx.font = `bold ${fontSize}px Impact, "Arial Black", sans-serif`;
ctx.textAlign = 'center';
ctx.textBaseline = 'bottom';
// Calculate position: bottom center of the canvas
const x = canvas.width / 2;
const y = canvas.height - Math.max(20, fontSize / 3);
// Draw text outline (stroke) for high visibility on any background
ctx.lineWidth = Math.max(3, fontSize / 10);
ctx.lineJoin = 'round';
ctx.strokeStyle = strokeColor;
ctx.strokeText(capogText, x, y);
// Draw the filled text over the stroke
ctx.fillStyle = textColor;
ctx.fillText(capogText, x, y);
// Return the processed canvas containing the "Капирог" overlay
return canvas;
}The Image Capog Tool allows users to overlay specific text onto an image with customizable styling. It is designed to add high-visibility captions—similar to classic meme formats—by applying a text stroke (outline) to ensure readability against any background. Users can adjust the text content, font size, and colors to suit their needs. This tool is useful for creating memes, adding watermarks, or generating branded visual content quickly.