/**
* Applies a UV filter effect to an image.
* This effect typically enhances colors, increases contrast, and adds a slight cool, purplish tint,
* simulating the look of a photo taken with a UV lens filter.
*
* @param {HTMLImageElement} originalImg The original image object.
* @returns {HTMLCanvasElement} A new canvas element with the UV filter applied.
*/
function processImage(originalImg) {
// Create a new canvas element
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
// Set the canvas dimensions to match the original image
const width = originalImg.naturalWidth;
const height = originalImg.naturalHeight;
canvas.width = width;
canvas.height = height;
// A UV filter effect can be simulated by adjusting contrast, saturation, and color balance.
// We can achieve this using the canvas context's filter property, which is hardware-accelerated
// and efficient.
// - contrast(1.1): Slightly increases the difference between light and dark areas.
// - saturate(1.2): Makes colors more vivid.
// - sepia(0.25): Adds a warm base tone.
// - hue-rotate(-25deg): Shifts the colors, turning the warm sepia into a cooler, purplish tint.
ctx.filter = 'contrast(1.1) saturate(1.2) sepia(0.25) hue-rotate(-25deg)';
// Draw the image onto the canvas. The filter will be applied during this operation.
ctx.drawImage(originalImg, 0, 0, width, height);
// Return the canvas with the filtered image
return canvas;
}The Image UV Filter Application Tool allows users to apply a UV filter effect to their images. This tool enhances colors, increases contrast, and adds a cool, purplish tint, simulating the appearance of photos taken with a UV lens filter. It is ideal for photographers, graphic designers, or anyone looking to add a unique aesthetic to their images, making them more vibrant and visually appealing.