imagerot
Version:
A lightweight, cross-environment image library for applying unique effects via raw image buffers.
38 lines (37 loc) • 1.88 kB
JavaScript
;
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.degrade = void 0;
const defaultQuality = 0.075;
const browser = (_a, ...args_1) => __awaiter(void 0, [_a, ...args_1], void 0, function* ({ data, width, height }, options = null) {
const { quality = defaultQuality } = (options || {});
const globalScope = typeof window !== 'undefined' ? window : self;
const canvas = new OffscreenCanvas(width, height);
const context = canvas.getContext('2d');
if (!context) {
throw new Error('Failed to obtain context');
}
const imageData = new ImageData(new Uint8ClampedArray(data.buffer), width, height);
context.putImageData(imageData, 0, 0);
const degradedBlob = yield canvas.convertToBlob({
type: 'image/jpeg', quality
});
const imageBitmap = yield globalScope.createImageBitmap(degradedBlob);
context.clearRect(0, 0, canvas.width, canvas.height);
context.drawImage(imageBitmap, 0, 0);
const degradedImageData = context.getImageData(0, 0, width, height);
return new Uint8Array(degradedImageData.data.buffer);
});
const degrade = {
name: 'degrade',
browser: browser
};
exports.degrade = degrade;