2019-02-20 14:04:15 +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";
|
|
|
|
import { toBase64 } from "../lib/Base64.mjs";
|
|
|
|
import { isWorkerEnvironment } from "../Utils.mjs";
|
2023-02-27 18:55:52 +01:00
|
|
|
import jimp from "jimp";
|
2019-02-20 14:04:15 +01:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Flip Image operation
|
|
|
|
*/
|
|
|
|
class FlipImage extends Operation {
|
|
|
|
|
|
|
|
/**
|
|
|
|
* FlipImage constructor
|
|
|
|
*/
|
|
|
|
constructor() {
|
|
|
|
super();
|
|
|
|
|
|
|
|
this.name = "Flip Image";
|
|
|
|
this.module = "Image";
|
|
|
|
this.description = "Flips an image along its X or Y axis.";
|
|
|
|
this.infoURL = "";
|
2019-04-01 11:54:46 +02:00
|
|
|
this.inputType = "ArrayBuffer";
|
|
|
|
this.outputType = "ArrayBuffer";
|
2019-03-09 08:23:11 +01:00
|
|
|
this.presentType = "html";
|
2019-02-20 14:04:15 +01:00
|
|
|
this.args = [
|
|
|
|
{
|
2019-03-09 08:23:11 +01:00
|
|
|
name: "Axis",
|
2019-02-20 14:04:15 +01:00
|
|
|
type: "option",
|
|
|
|
value: ["Horizontal", "Vertical"]
|
|
|
|
}
|
|
|
|
];
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
2019-04-01 11:54:46 +02:00
|
|
|
* @param {ArrayBuffer} input
|
2019-02-20 14:04:15 +01:00
|
|
|
* @param {Object[]} args
|
|
|
|
* @returns {byteArray}
|
|
|
|
*/
|
|
|
|
async run(input, args) {
|
|
|
|
const [flipAxis] = args;
|
2019-09-04 14:54:59 +02:00
|
|
|
if (!isImage(input)) {
|
2019-02-20 14:04:15 +01:00
|
|
|
throw new OperationError("Invalid input 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})`);
|
2019-02-20 14:04:15 +01:00
|
|
|
}
|
2019-03-07 12:19:04 +01:00
|
|
|
try {
|
2019-07-05 11:17:52 +02:00
|
|
|
if (isWorkerEnvironment())
|
2019-03-07 12:19:04 +01:00
|
|
|
self.sendStatusMessage("Flipping image...");
|
2019-08-27 19:13:33 +02:00
|
|
|
switch (flipAxis) {
|
2019-03-07 12:19:04 +01:00
|
|
|
case "Horizontal":
|
|
|
|
image.flip(true, false);
|
|
|
|
break;
|
|
|
|
case "Vertical":
|
|
|
|
image.flip(false, true);
|
|
|
|
break;
|
|
|
|
}
|
2019-02-20 14:04:15 +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 flipping image. (${err})`);
|
|
|
|
}
|
2019-02-20 14:04:15 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Displays the flipped image using HTML for web apps
|
2019-04-01 11:54:46 +02:00
|
|
|
* @param {ArrayBuffer} data
|
2019-02-20 14:04:15 +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-20 14:04:15 +01:00
|
|
|
|
2019-04-01 11:54:46 +02:00
|
|
|
const type = isImage(dataArray);
|
2019-03-09 08:23:11 +01:00
|
|
|
if (!type) {
|
2019-02-20 14:04:15 +01:00
|
|
|
throw new OperationError("Invalid file type.");
|
|
|
|
}
|
|
|
|
|
2019-04-01 11:54:46 +02:00
|
|
|
return `<img src="data:${type};base64,${toBase64(dataArray)}">`;
|
2019-02-20 14:04:15 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
export default FlipImage;
|