2019-02-20 12:48:24 +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 { isWorkerEnvironment } from "../Utils.mjs";
|
|
|
|
import { isImage } from "../lib/FileType.mjs";
|
|
|
|
import { toBase64 } from "../lib/Base64.mjs";
|
2019-02-20 12:48:24 +01:00
|
|
|
import jimp from "jimp";
|
2019-07-09 13:23:59 +02:00
|
|
|
import { gaussianBlur } from "../lib/ImageManipulation.mjs";
|
2019-02-20 12:48:24 +01:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Blur Image operation
|
|
|
|
*/
|
|
|
|
class BlurImage extends Operation {
|
|
|
|
|
|
|
|
/**
|
|
|
|
* BlurImage constructor
|
|
|
|
*/
|
|
|
|
constructor() {
|
|
|
|
super();
|
|
|
|
|
|
|
|
this.name = "Blur Image";
|
|
|
|
this.module = "Image";
|
|
|
|
this.description = "Applies a blur effect to the image.<br><br>Gaussian blur is much slower than fast blur, but produces better results.";
|
2019-03-04 14:48:13 +01:00
|
|
|
this.infoURL = "https://wikipedia.org/wiki/Gaussian_blur";
|
2019-04-01 11:54:46 +02:00
|
|
|
this.inputType = "ArrayBuffer";
|
|
|
|
this.outputType = "ArrayBuffer";
|
2019-02-20 12:48:24 +01:00
|
|
|
this.presentType = "html";
|
|
|
|
this.args = [
|
|
|
|
{
|
2019-03-09 08:23:11 +01:00
|
|
|
name: "Amount",
|
2019-02-20 12:48:24 +01:00
|
|
|
type: "number",
|
2019-03-04 12:47:50 +01:00
|
|
|
value: 5,
|
|
|
|
min: 1
|
2019-02-20 12:48:24 +01:00
|
|
|
},
|
|
|
|
{
|
2019-03-09 08:23:11 +01:00
|
|
|
name: "Type",
|
2019-02-20 12:48:24 +01:00
|
|
|
type: "option",
|
|
|
|
value: ["Fast", "Gaussian"]
|
|
|
|
}
|
|
|
|
];
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
2019-04-01 11:54:46 +02:00
|
|
|
* @param {ArrayBuffer} input
|
2019-02-20 12:48:24 +01:00
|
|
|
* @param {Object[]} args
|
|
|
|
* @returns {byteArray}
|
|
|
|
*/
|
|
|
|
async run(input, args) {
|
|
|
|
const [blurAmount, blurType] = args;
|
|
|
|
|
2019-09-04 14:54:59 +02:00
|
|
|
if (!isImage(input)) {
|
2019-03-09 08:23:11 +01:00
|
|
|
throw new OperationError("Invalid file type.");
|
|
|
|
}
|
2019-02-20 12:48:24 +01:00
|
|
|
|
2019-03-09 08:23:11 +01:00
|
|
|
let image;
|
|
|
|
try {
|
2019-04-01 11:54:46 +02:00
|
|
|
image = await jimp.read(input);
|
2019-03-09 08:23:11 +01:00
|
|
|
} catch (err) {
|
|
|
|
throw new OperationError(`Error loading image. (${err})`);
|
|
|
|
}
|
|
|
|
try {
|
2019-08-27 19:13:33 +02:00
|
|
|
switch (blurType) {
|
2019-03-09 08:23:11 +01:00
|
|
|
case "Fast":
|
2019-07-05 12:07:31 +02:00
|
|
|
if (isWorkerEnvironment())
|
2019-03-19 14:54:26 +01:00
|
|
|
self.sendStatusMessage("Fast blurring image...");
|
2019-03-09 08:23:11 +01:00
|
|
|
image.blur(blurAmount);
|
|
|
|
break;
|
|
|
|
case "Gaussian":
|
2019-07-05 11:17:52 +02:00
|
|
|
if (isWorkerEnvironment())
|
2019-03-19 14:54:26 +01:00
|
|
|
self.sendStatusMessage("Gaussian blurring image...");
|
|
|
|
image = gaussianBlur(image, blurAmount);
|
2019-03-09 08:23:11 +01:00
|
|
|
break;
|
2019-03-07 12:19:04 +01:00
|
|
|
}
|
2019-03-09 08:23:11 +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-09 08:23:11 +01:00
|
|
|
} catch (err) {
|
|
|
|
throw new OperationError(`Error blurring image. (${err})`);
|
2019-02-20 12:48:24 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Displays the blurred image using HTML for web apps
|
2019-03-09 08:23:11 +01:00
|
|
|
*
|
2019-04-01 11:54:46 +02:00
|
|
|
* @param {ArrayBuffer} data
|
2019-02-20 12:48:24 +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 12:48:24 +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 12:48:24 +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 12:48:24 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
export default BlurImage;
|