2019-02-20 10:20:38 +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 10:20:38 +01:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Image Dither operation
|
|
|
|
*/
|
|
|
|
class DitherImage extends Operation {
|
|
|
|
|
|
|
|
/**
|
|
|
|
* DitherImage constructor
|
|
|
|
*/
|
|
|
|
constructor() {
|
|
|
|
super();
|
|
|
|
|
|
|
|
this.name = "Dither Image";
|
|
|
|
this.module = "Image";
|
|
|
|
this.description = "Apply a dither effect to an image.";
|
|
|
|
this.infoURL = "https://wikipedia.org/wiki/Dither";
|
2019-04-01 11:54:46 +02:00
|
|
|
this.inputType = "ArrayBuffer";
|
|
|
|
this.outputType = "ArrayBuffer";
|
2019-02-20 10:20:38 +01:00
|
|
|
this.presentType = "html";
|
|
|
|
this.args = [];
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
2019-04-01 11:54:46 +02:00
|
|
|
* @param {ArrayBuffer} input
|
2019-02-20 10:20:38 +01:00
|
|
|
* @param {Object[]} args
|
|
|
|
* @returns {byteArray}
|
|
|
|
*/
|
2019-02-20 12:26:39 +01:00
|
|
|
async run(input, args) {
|
2019-09-04 14:54:59 +02:00
|
|
|
if (!isImage(input)) {
|
2019-02-20 10:20:38 +01:00
|
|
|
throw new OperationError("Invalid file type.");
|
|
|
|
}
|
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-07-05 11:17:52 +02:00
|
|
|
if (isWorkerEnvironment())
|
2019-03-09 08:23:11 +01:00
|
|
|
self.sendStatusMessage("Applying dither to image...");
|
|
|
|
image.dither565();
|
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 applying dither to image. (${err})`);
|
|
|
|
}
|
2019-02-20 10:20:38 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Displays the dithered image using HTML for web apps
|
2019-04-01 11:54:46 +02:00
|
|
|
* @param {ArrayBuffer} data
|
2019-02-20 10:20:38 +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 10:20:38 +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 10:20:38 +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 10:20:38 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
export default DitherImage;
|