function processImage(originalImg, brightness = 100, contrast = 100, saturation = 100, blur = 0, hueRotate = 0) {
// Create a generic canvas to apply toolkit adjustments to the image
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;
// Build the CSS filter string safely using the provided parameters
const filterString = `
brightness(${Number(brightness)}%)
contrast(${Number(contrast)}%)
saturate(${Number(saturation)}%)
blur(${Number(blur)}px)
hue-rotate(${Number(hueRotate)}deg)
`.trim();
// Apply the filters to the canvas context
ctx.filter = filterString;
// Draw the image onto the canvas with the filters applied
ctx.drawImage(originalImg, 0, 0, canvas.width, canvas.height);
// Return the resulting canvas element
return canvas;
}Image Tool is a versatile image editing utility that allows users to apply various visual adjustments to their photos. It provides controls to modify brightness, contrast, saturation, blur, and hue rotation. This tool is useful for quick photo enhancements, adjusting lighting and color balance, or applying artistic effects for social media, personal projects, or web design.