function processImage(originalImg, watermarkText = "Dieu sait!", fontSize = 48) {
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);
// Add the mysterious/unknown text as a watermark overlay
if (watermarkText && watermarkText.trim() !== '') {
// Automatically scale font size down if the image is too small
const maxFontSize = Math.min(Number(fontSize), canvas.width / 4);
ctx.font = `bold ${maxFontSize}px Arial, sans-serif`;
ctx.textAlign = 'center';
ctx.textBaseline = 'middle';
// Add a shadow for better visibility on both light and dark images
ctx.shadowColor = 'rgba(0, 0, 0, 0.8)';
ctx.shadowOffsetX = 2;
ctx.shadowOffsetY = 2;
ctx.shadowBlur = 4;
const x = canvas.width / 2;
const y = canvas.height / 2;
// Draw text stroke
ctx.lineWidth = Math.max(1, maxFontSize / 15);
ctx.strokeStyle = 'rgba(0, 0, 0, 0.7)';
ctx.strokeText(watermarkText, x, y);
// Draw text fill
ctx.fillStyle = 'rgba(255, 255, 255, 0.85)';
ctx.fillText(watermarkText, x, y);
}
return canvas;
}This tool allows users to apply a custom text watermark to their images. It overlays specified text onto the center of an image with adjustable font sizes, incorporating shadows and outlines to ensure the text remains visible regardless of the background colors. This is useful for protecting intellectual property, branding visual content, or adding identifying labels to photos and graphics.