2019-03-07 11:02:37 +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-03-07 11:02:37 +01:00
|
|
|
import { toBase64 } from "../lib/Base64.mjs";
|
2019-07-09 13:23:59 +02:00
|
|
|
import { isWorkerEnvironment } from "../Utils.mjs";
|
2020-12-14 18:51:12 +01:00
|
|
|
import jimplib from "jimp/es/index.js";
|
|
|
|
const jimp = jimplib.default ? jimplib.default : jimplib;
|
2019-03-07 11:02:37 +01:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Cover Image operation
|
|
|
|
*/
|
|
|
|
class CoverImage extends Operation {
|
|
|
|
|
|
|
|
/**
|
|
|
|
* CoverImage constructor
|
|
|
|
*/
|
|
|
|
constructor() {
|
|
|
|
super();
|
|
|
|
|
|
|
|
this.name = "Cover Image";
|
|
|
|
this.module = "Image";
|
|
|
|
this.description = "Scales the image to the given width and height, keeping the aspect ratio. The image may be clipped.";
|
|
|
|
this.infoURL = "";
|
2019-04-01 11:54:46 +02:00
|
|
|
this.inputType = "ArrayBuffer";
|
|
|
|
this.outputType = "ArrayBuffer";
|
2019-03-07 11:02:37 +01:00
|
|
|
this.presentType = "html";
|
|
|
|
this.args = [
|
|
|
|
{
|
|
|
|
name: "Width",
|
|
|
|
type: "number",
|
|
|
|
value: 100,
|
|
|
|
min: 1
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "Height",
|
|
|
|
type: "number",
|
|
|
|
value: 100,
|
|
|
|
min: 1
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "Horizontal align",
|
|
|
|
type: "option",
|
|
|
|
value: [
|
|
|
|
"Left",
|
|
|
|
"Center",
|
|
|
|
"Right"
|
|
|
|
],
|
|
|
|
defaultIndex: 1
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "Vertical align",
|
|
|
|
type: "option",
|
|
|
|
value: [
|
|
|
|
"Top",
|
|
|
|
"Middle",
|
|
|
|
"Bottom"
|
|
|
|
],
|
|
|
|
defaultIndex: 1
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "Resizing algorithm",
|
|
|
|
type: "option",
|
|
|
|
value: [
|
|
|
|
"Nearest Neighbour",
|
|
|
|
"Bilinear",
|
|
|
|
"Bicubic",
|
|
|
|
"Hermite",
|
|
|
|
"Bezier"
|
|
|
|
],
|
|
|
|
defaultIndex: 1
|
|
|
|
}
|
|
|
|
];
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
2019-04-01 11:54:46 +02:00
|
|
|
* @param {ArrayBuffer} input
|
2019-03-07 11:02:37 +01:00
|
|
|
* @param {Object[]} args
|
|
|
|
* @returns {byteArray}
|
|
|
|
*/
|
|
|
|
async run(input, args) {
|
|
|
|
const [width, height, hAlign, vAlign, alg] = args;
|
|
|
|
|
|
|
|
const resizeMap = {
|
|
|
|
"Nearest Neighbour": jimp.RESIZE_NEAREST_NEIGHBOR,
|
|
|
|
"Bilinear": jimp.RESIZE_BILINEAR,
|
|
|
|
"Bicubic": jimp.RESIZE_BICUBIC,
|
|
|
|
"Hermite": jimp.RESIZE_HERMITE,
|
|
|
|
"Bezier": jimp.RESIZE_BEZIER
|
|
|
|
};
|
|
|
|
|
|
|
|
const alignMap = {
|
|
|
|
"Left": jimp.HORIZONTAL_ALIGN_LEFT,
|
|
|
|
"Center": jimp.HORIZONTAL_ALIGN_CENTER,
|
|
|
|
"Right": jimp.HORIZONTAL_ALIGN_RIGHT,
|
|
|
|
"Top": jimp.VERTICAL_ALIGN_TOP,
|
|
|
|
"Middle": jimp.VERTICAL_ALIGN_MIDDLE,
|
|
|
|
"Bottom": jimp.VERTICAL_ALIGN_BOTTOM
|
|
|
|
};
|
|
|
|
|
2019-09-04 14:54:59 +02:00
|
|
|
if (!isImage(input)) {
|
2019-03-07 11:02:37 +01:00
|
|
|
throw new OperationError("Invalid file type.");
|
|
|
|
}
|
|
|
|
|
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})`);
|
|
|
|
}
|
|
|
|
try {
|
2019-07-05 11:17:52 +02:00
|
|
|
if (isWorkerEnvironment())
|
2019-03-07 12:19:04 +01:00
|
|
|
self.sendStatusMessage("Covering image...");
|
|
|
|
image.cover(width, height, alignMap[hAlign] | alignMap[vAlign], resizeMap[alg]);
|
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 covering image. (${err})`);
|
|
|
|
}
|
2019-03-07 11:02:37 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Displays the covered image using HTML for web apps
|
2019-04-01 11:54:46 +02:00
|
|
|
* @param {ArrayBuffer} data
|
2019-03-07 11:02:37 +01:00
|
|
|
* @returns {html}
|
|
|
|
*/
|
|
|
|
present(data) {
|
2019-04-01 11:54:46 +02:00
|
|
|
if (!data.byteLength) return "";
|
|
|
|
const dataArray = new Uint8Array(data);
|
2019-03-07 11:02:37 +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-03-07 11:02:37 +01:00
|
|
|
}
|
|
|
|
|
2019-04-01 11:54:46 +02:00
|
|
|
return `<img src="data:${type};base64,${toBase64(dataArray)}">`;
|
2019-03-07 11:02:37 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
export default CoverImage;
|