function processImage(originalImg, stretchMethod = "preserve-area") {
// Target Aspect Ratio is 1.85:1
const targetRatio = 1.85;
let targetWidth;
let targetHeight;
// Determine the sizing based on the preferred stretch method
// Default is 'preserve-area' which keeps the total pixel count roughly the same
if (stretchMethod === "preserve-width") {
targetWidth = originalImg.width;
targetHeight = Math.round(targetWidth / targetRatio);
} else if (stretchMethod === "preserve-height") {
targetHeight = originalImg.height;
targetWidth = Math.round(targetHeight * targetRatio);
} else {
// preserve-area computes dimensions that match the original total area
const currentArea = originalImg.width * originalImg.height;
targetHeight = Math.round(Math.sqrt(currentArea / targetRatio));
targetWidth = Math.round(targetHeight * targetRatio);
}
// Ensure we don't accidentally create 0-size dimensions
targetWidth = Math.max(1, targetWidth);
targetHeight = Math.max(1, targetHeight);
const canvas = document.createElement('canvas');
canvas.width = targetWidth;
canvas.height = targetHeight;
const ctx = canvas.getContext('2d');
// Draw the image onto the canvas, stretching it to the new 1.85:1 dimensions
ctx.drawImage(originalImg, 0, 0, targetWidth, targetHeight);
return canvas;
}This tool allows users to adjust the aspect ratio of an image to a specific 1.85:1 format. It offers different resizing methods, including preserving the original width, preserving the original height, or maintaining the original pixel area to ensure the image is scaled appropriately. This tool is particularly useful for filmmakers, video editors, or content creators who need to prepare still images to match standard widescreen cinematic formats.