function processImage(originalImg, memeText = "Будь здоров, дятел!", textColor = "#FFFFFF") {
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, canvas.width, canvas.height);
// Calculate a dynamic font size based on the image's width
const fontSize = Math.max(20, Math.floor(canvas.width / 15));
// Configure text styling to look like a standard meme
ctx.font = `bold ${fontSize}px Impact, Arial, sans-serif`;
ctx.textAlign = 'center';
ctx.textBaseline = 'bottom';
ctx.fillStyle = textColor;
ctx.strokeStyle = '#000000'; // Black outline for contrast
ctx.lineWidth = Math.max(2, Math.floor(fontSize / 10));
// Position text at the bottom center of the image
const x = canvas.width / 2;
const y = canvas.height - (fontSize / 2);
// Apply stroke (outline) and fill (inside) to the text
ctx.strokeText(memeText, x, y);
ctx.fillText(memeText, x, y);
return canvas;
}This tool allows users to create memes by overlaying custom text onto an image. It automatically applies classic meme styling, including a bold font with a high-contrast outline to ensure readability, and positions the text at the bottom center of the image. It is ideal for social media content creation, making quick jokes, or personalizing photos for online sharing.