2019-02-19 17:19:34 +01:00
|
|
|
/**
|
|
|
|
* @author j433866 [j433866@gmail.com]
|
|
|
|
* @copyright Crown Copyright 2019
|
|
|
|
* @license Apache-2.0
|
|
|
|
*/
|
|
|
|
|
2019-07-09 13:23:59 +02:00
|
|
|
import Operation from "../Operation.mjs";
|
|
|
|
import OperationError from "../errors/OperationError.mjs";
|
|
|
|
import { isImage } from "../lib/FileType.mjs";
|
2019-02-19 17:19:34 +01:00
|
|
|
import { toBase64 } from "../lib/Base64.mjs";
|
2019-07-09 13:23:59 +02:00
|
|
|
import { isWorkerEnvironment } from "../Utils.mjs";
|
2019-02-19 17:19:34 +01:00
|
|
|
import jimp 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.";
|
2019-03-04 14:48:13 +01:00
|
|
|
this.infoURL = "https://wikipedia.org/wiki/Image_scaling";
|
2019-04-01 11:54:46 +02:00
|
|
|
this.inputType = "ArrayBuffer";
|
|
|
|
this.outputType = "ArrayBuffer";
|
2019-02-19 17:19:34 +01:00
|
|
|
this.presentType = "html";
|
|
|
|
this.args = [
|
|
|
|
{
|
|
|
|
name: "Width",
|
|
|
|
type: "number",
|
2019-03-04 12:52:54 +01:00
|
|
|
value: 100,
|
|
|
|
min: 1
|
2019-02-19 17:19:34 +01:00
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "Height",
|
|
|
|
type: "number",
|
2019-03-04 12:52:54 +01:00
|
|
|
value: 100,
|
|
|
|
min: 1
|
2019-02-19 17:19:34 +01:00
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "Unit type",
|
|
|
|
type: "option",
|
|
|
|
value: ["Pixels", "Percent"]
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "Maintain aspect ratio",
|
|
|
|
type: "boolean",
|
|
|
|
value: false
|
2019-02-20 16:35:53 +01:00
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "Resizing algorithm",
|
|
|
|
type: "option",
|
|
|
|
value: [
|
|
|
|
"Nearest Neighbour",
|
|
|
|
"Bilinear",
|
|
|
|
"Bicubic",
|
|
|
|
"Hermite",
|
|
|
|
"Bezier"
|
|
|
|
],
|
|
|
|
defaultIndex: 1
|
2019-02-19 17:19:34 +01:00
|
|
|
}
|
|
|
|
];
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
2019-04-01 11:54:46 +02:00
|
|
|
* @param {ArrayBuffer} input
|
2019-02-19 17:19:34 +01:00
|
|
|
* @param {Object[]} args
|
|
|
|
* @returns {byteArray}
|
|
|
|
*/
|
2019-02-20 12:26:39 +01:00
|
|
|
async run(input, args) {
|
2019-02-19 17:19:34 +01:00
|
|
|
let width = args[0],
|
|
|
|
height = args[1];
|
|
|
|
const unit = args[2],
|
|
|
|
aspect = args[3],
|
2019-03-09 08:23:11 +01:00
|
|
|
resizeAlg = args[4];
|
2019-02-19 17:19:34 +01:00
|
|
|
|
2019-02-20 16:35:53 +01:00
|
|
|
const resizeMap = {
|
|
|
|
"Nearest Neighbour": jimp.RESIZE_NEAREST_NEIGHBOR,
|
|
|
|
"Bilinear": jimp.RESIZE_BILINEAR,
|
|
|
|
"Bicubic": jimp.RESIZE_BICUBIC,
|
|
|
|
"Hermite": jimp.RESIZE_HERMITE,
|
|
|
|
"Bezier": jimp.RESIZE_BEZIER
|
|
|
|
};
|
2019-03-05 12:49:25 +01:00
|
|
|
|
2019-09-04 14:54:59 +02:00
|
|
|
if (!isImage(input)) {
|
2019-02-19 17:19:34 +01:00
|
|
|
throw new OperationError("Invalid file type.");
|
|
|
|
}
|
2019-03-05 12:49:25 +01:00
|
|
|
|
2019-03-07 12:19:04 +01:00
|
|
|
let image;
|
|
|
|
try {
|
2019-04-01 11:54:46 +02:00
|
|
|
image = await jimp.read(input);
|
2019-03-07 12:19:04 +01:00
|
|
|
} catch (err) {
|
|
|
|
throw new OperationError(`Error loading image. (${err})`);
|
2019-02-20 12:26:39 +01:00
|
|
|
}
|
2019-03-07 12:19:04 +01:00
|
|
|
try {
|
|
|
|
if (unit === "Percent") {
|
|
|
|
width = image.getWidth() * (width / 100);
|
|
|
|
height = image.getHeight() * (height / 100);
|
|
|
|
}
|
2019-03-06 11:32:58 +01:00
|
|
|
|
2019-07-05 11:17:52 +02:00
|
|
|
if (isWorkerEnvironment())
|
2019-03-07 12:19:04 +01:00
|
|
|
self.sendStatusMessage("Resizing image...");
|
|
|
|
if (aspect) {
|
|
|
|
image.scaleToFit(width, height, resizeMap[resizeAlg]);
|
|
|
|
} else {
|
|
|
|
image.resize(width, height, resizeMap[resizeAlg]);
|
|
|
|
}
|
2019-02-20 12:26:39 +01:00
|
|
|
|
2019-03-20 12:20:34 +01:00
|
|
|
let imageBuffer;
|
|
|
|
if (image.getMIME() === "image/gif") {
|
|
|
|
imageBuffer = await image.getBufferAsync(jimp.MIME_PNG);
|
|
|
|
} else {
|
|
|
|
imageBuffer = await image.getBufferAsync(jimp.AUTO);
|
|
|
|
}
|
2019-04-01 11:54:46 +02:00
|
|
|
return imageBuffer.buffer;
|
2019-03-07 12:19:04 +01:00
|
|
|
} catch (err) {
|
|
|
|
throw new OperationError(`Error resizing image. (${err})`);
|
|
|
|
}
|
2019-02-19 17:19:34 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Displays the resized image using HTML for web apps
|
2019-04-01 11:54:46 +02:00
|
|
|
* @param {ArrayBuffer} data
|
2019-02-19 17:19:34 +01:00
|
|
|
* @returns {html}
|
|
|
|
*/
|
|
|
|
present(data) {
|
2019-04-01 11:54:46 +02:00
|
|
|
if (!data.byteLength) return "";
|
|
|
|
const dataArray = new Uint8Array(data);
|
2019-02-19 17:19:34 +01:00
|
|
|
|
2019-04-01 11:54:46 +02:00
|
|
|
const type = isImage(dataArray);
|
2019-03-09 08:23:11 +01:00
|
|
|
if (!type) {
|
|
|
|
throw new OperationError("Invalid file type.");
|
2019-02-19 17:19:34 +01:00
|
|
|
}
|
|
|
|
|
2019-04-01 11:54:46 +02:00
|
|
|
return `<img src="data:${type};base64,${toBase64(dataArray)}">`;
|
2019-02-19 17:19:34 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
export default ResizeImage;
|