function processImage(originalImg, targetWidth = 500, targetHeight = 500, maintainAspectRatio = 1) {
let width = targetWidth;
let height = targetHeight;
// Calculate new dimensions
if (maintainAspectRatio === 1) {
const ratio = originalImg.width / originalImg.height;
if (targetWidth / targetHeight > ratio) {
width = targetHeight * ratio;
height = targetHeight;
} else {
width = targetWidth;
height = targetWidth / ratio;
}
}
// Create the canvas and set its dimensions to the resized width/height
const canvas = document.createElement('canvas');
canvas.width = Math.max(1, Math.round(width));
canvas.height = Math.max(1, Math.round(height));
const ctx = canvas.getContext('2d');
// Apply high quality image smoothing for better resizing results
ctx.imageSmoothingEnabled = true;
ctx.imageSmoothingQuality = 'high';
// Draw the resized image onto the canvas
ctx.drawImage(originalImg, 0, 0, canvas.width, canvas.height);
return canvas;
}The Image Resize Tool allows users to adjust the dimensions of an image to specific width and height requirements. It features an option to maintain the original aspect ratio, ensuring that images do not appear stretched or distorted during the resizing process. This tool is useful for optimizing images for web use, preparing photos for social media uploads, or adjusting image sizes to meet specific platform constraints.