magica/dist/src/image/html.js

ImageMagick for browser and Node.js, easy setup, high level API and Command Line Interface, including WASM binary for an easy setup.

"use strict";
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 });
const misc_utils_of_mine_generic_1 = require("misc-utils-of-mine-generic");
const file_1 = require("../file/file");
function toDataUrl(o, mime) {
    return __awaiter(this, void 0, void 0, function* () {
        mime = mime || (yield o.mimeType());
        return 'data:' + mime + ';' + o.name + ';base64,' + file_1.File.toBase64(o);
    });
}
exports.toDataUrl = toDataUrl;
/**
 * Unsafe synchronous operation, please use [toDataUrl]
 */
function toDataUrlSync(o, mime = `image/${misc_utils_of_mine_generic_1.getFileExtension(o.name)}`) {
    return `data:${mime};base64,${btoa(o.content
        .reduce((data, byte) => data + String.fromCharCode(byte), ''))}`;
}
exports.toDataUrlSync = toDataUrlSync;
function loadHtmlImageElement(o, el, forceDataUrl = false) {
    return __awaiter(this, void 0, void 0, function* () {
        var img = el || new Image();
        if (!forceDataUrl && o.url) {
            img.src = o.url;
        }
        else {
            img.src = yield o.asDataUrl();
        }
        return img;
    });
}
exports.loadHtmlImageElement = loadHtmlImageElement;
function loadHtmlCanvasElement(f, ctx, dx = 0, dy = 0, dirtyX = undefined, dirtyY = undefined, dirtyWidth = undefined, dirtyHeight = undefined) {
    return __awaiter(this, void 0, void 0, function* () {
        var d = yield f.asHTMLImageData();
        if (typeof dirtyX === 'undefined' || typeof dirtyY === 'undefined' || typeof dirtyWidth === 'undefined' || typeof dirtyHeight === 'undefined') {
            ctx.putImageData(d, dx, dy);
        }
        else {
            ctx.putImageData(d, dx, dy, dirtyX, dirtyY, dirtyWidth, dirtyHeight);
        }
    });
}
exports.loadHtmlCanvasElement = loadHtmlCanvasElement;
// interface RGBAImageData {width: number, height: number,data: Uint8ClampedArray}
// export async function toImageData(img: File): Promise<RGBAImageData> {  
//   var size = await img!.size()
//   var {outputFiles } = await run({script: `convert bluebells.png -depth 8 i.rgba`, inputFiles: [img]})
//   return {
//     data: new Uint8ClampedArray(outputFiles[0].content.buffer), width: size.width, height: size.height
//   }
// }
// export async function fromImageData(d: RGBAImageData) {  
//   var img = new File('img.rgba', d.data, undefined, undefined, d.width, d.height)
//   var {outputFiles } = await run({script: `convert -size ${d.width}x${d.height} bluebells.png -depth 8 i.rgba`, inputFiles: [img]})
//   var size = await img!.size()
//   var {outputFiles } = await run({script: `convert bluebells.png -depth 8 i.rgba`, inputFiles: [img]})
//   return {
//     data: new Uint8ClampedArray(outputFiles[0].content.buffer), width: size.width, height: size.height
//   }
// }
// export async function toCanvasImageData(img: File): Promise<RGBAImageData> {  
//   var d = await toImageData(img)
//   return new ImageData(d.data, d.width, d.height)
// }
//# sourceMappingURL=html.js.map