function processImage(originalImg, hueShiftDegree = "90", saturationPercent = "120", contrastPercent = "110", brightnessPercent = "100") {
// Create a new canvas element
const canvas = document.createElement('canvas');
// Retrieve the original dimensions of the image
const width = originalImg.naturalWidth || originalImg.width;
const height = originalImg.naturalHeight || originalImg.height;
// Set canvas dimensions to match the image
canvas.width = width;
canvas.height = height;
const ctx = canvas.getContext('2d');
// Apply canvas filtering for the hue adjustment and stylistic effect enhancements
ctx.filter = `
hue-rotate(${hueShiftDegree}deg)
saturate(${saturationPercent}%)
contrast(${contrastPercent}%)
brightness(${brightnessPercent}%)
`.replace(/\s+/g, ' ').trim(); // Format the filter string nicely
// Draw the original image onto the canvas with the applied filters
ctx.drawImage(originalImg, 0, 0, width, height);
// Return the processed canvas
return canvas;
}This tool allows users to apply specific color manipulations to an image, including hue rotation, saturation, contrast, and brightness adjustments. It is designed to recreate a distinctive stylistic effect by shifting color tones and enhancing visual intensity. This can be useful for digital artists, content creators, or social media users looking to apply trendy, high-contrast color filters to their photos for creative or aesthetic purposes.