function processImage(originalImg, text = "СУПЕРПАПА!", fontScale = 0.15, primaryColor = "#FFD700", secondaryColor = "#CC0000") {
const canvas = document.createElement('canvas');
canvas.width = originalImg.width;
canvas.height = originalImg.height;
const ctx = canvas.getContext('2d');
// Draw the original image onto the canvas
ctx.drawImage(originalImg, 0, 0);
// Calculate font size responsive to image height
const scale = parseFloat(fontScale);
const fontSize = Math.max(30, canvas.height * scale);
// Set up superhero-style typography
ctx.font = `italic bold ${fontSize}px Impact, "Arial Black", sans-serif`;
ctx.textAlign = 'center';
ctx.textBaseline = 'bottom';
ctx.lineJoin = 'round';
ctx.miterLimit = 2;
const x = canvas.width / 2;
const y = canvas.height - (canvas.height * 0.05); // 5% from the bottom
// 1. Draw thick black outline with a drop shadow
ctx.shadowColor = 'rgba(0, 0, 0, 0.8)';
ctx.shadowOffsetX = fontSize * 0.05;
ctx.shadowOffsetY = fontSize * 0.05;
ctx.shadowBlur = fontSize * 0.1;
ctx.lineWidth = fontSize * 0.12;
ctx.strokeStyle = '#000000';
ctx.strokeText(text, x, y);
// 2. Draw outer secondary color stroke (turn off shadow)
ctx.shadowColor = 'transparent';
ctx.lineWidth = fontSize * 0.08;
ctx.strokeStyle = secondaryColor;
ctx.strokeText(text, x, y);
// 3. Draw a thin white inner outline for comic-book aesthetic
ctx.lineWidth = fontSize * 0.03;
ctx.strokeStyle = '#FFFFFF';
ctx.strokeText(text, x, y);
// 4. Fill the main text body with primary color
ctx.fillStyle = primaryColor;
ctx.fillText(text, x, y);
return canvas;
}Superpapa Image Tool is an image processing utility that overlays stylized, superhero-themed text onto your images. The tool applies a multi-layered typographic effect featuring bold, italicized fonts, colored fills, and thick outlines to create a comic-book aesthetic. This tool is ideal for creating custom memes, personalized greeting cards, or adding energetic, action-oriented captions to social media photos.