/** * @author j433866 [j433866@gmail.com] * @copyright Crown Copyright 2019 * @license Apache-2.0 */ import Operation from "../Operation.mjs"; import OperationError from "../errors/OperationError.mjs"; import { isImage } from "../lib/FileType.mjs"; import { toBase64 } from "../lib/Base64.mjs"; import { isWorkerEnvironment } from "../Utils.mjs"; import { Jimp, JimpMime, ResizeStrategy } from "jimp"; /** * Resize Image operation */ class ResizeImage extends Operation { /** * ResizeImage constructor */ constructor() { super(); this.name = "Resize Image"; this.module = "Image"; this.description = "Resizes an image to the specified width and height values."; this.infoURL = "https://wikipedia.org/wiki/Image_scaling"; this.inputType = "ArrayBuffer"; this.outputType = "ArrayBuffer"; this.presentType = "html"; this.args = [ { name: "Width", type: "number", value: 100, min: 1, }, { name: "Height", type: "number", value: 100, min: 1, }, { name: "Unit type", type: "option", value: ["Pixels", "Percent"], }, { name: "Maintain aspect ratio", type: "boolean", value: false, }, { name: "Resizing algorithm", type: "option", value: [ "Nearest Neighbour", "Bilinear", "Bicubic", "Hermite", "Bezier", ], defaultIndex: 1, }, ]; } /** * @param {ArrayBuffer} input * @param {Object[]} args * @returns {byteArray} */ async run(input, args) { let width = args[0], height = args[1]; const unit = args[2], aspect = args[3], resizeAlg = args[4]; const resizeMap = { "Nearest Neighbour": ResizeStrategy.NEAREST_NEIGHBOR, Bilinear: ResizeStrategy.BILINEAR, Bicubic: ResizeStrategy.BICUBIC, Hermite: ResizeStrategy.HERMITE, Bezier: ResizeStrategy.BEZIER, }; if (!isImage(input)) { throw new OperationError("Invalid file type."); } let image; try { image = await Jimp.read(input); } catch (err) { throw new OperationError(`Error loading image. (${err})`); } try { if (unit === "Percent") { width = image.width * (width / 100); height = image.height * (height / 100); } if (isWorkerEnvironment()) self.sendStatusMessage("Resizing image..."); if (aspect) { image.scaleToFit({ w: width, h: height, mode: resizeMap[resizeAlg], }); } else { image.resize({ w: width, h: height, mode: resizeMap[resizeAlg], }); } let imageBuffer; if (image.mime === "image/gif") { imageBuffer = await image.getBuffer(JimpMime.png); } else { imageBuffer = await image.getBuffer(image.mime); } return imageBuffer.buffer; } catch (err) { throw new OperationError(`Error resizing image. (${err})`); } } /** * Displays the resized image using HTML for web apps * @param {ArrayBuffer} data * @returns {html} */ present(data) { if (!data.byteLength) return ""; const dataArray = new Uint8Array(data); const type = isImage(dataArray); if (!type) { throw new OperationError("Invalid file type."); } return ``; } } export default ResizeImage;