image-in-browser
Version:
Package for encoding / decoding images, transforming images, applying filters, drawing primitives on images on the client side (no need for server Node.js)
204 lines (203 loc) • 9.16 kB
TypeScript
/** @format */
import { Color } from '../color/color.js';
import { Format, FormatType } from '../color/format.js';
import { MemoryImageData, MemoryImageDataGetBytesOptions } from './image-data.js';
import { Palette } from './palette.js';
import { Pixel } from './pixel.js';
import { PixelUint8 } from './pixel-uint8.js';
/**
* Represents an image data structure with 8-bit unsigned integer pixels.
* Implements MemoryImageData and Iterable interfaces.
*/
export declare class MemoryImageDataUint8 implements MemoryImageData, Iterable<Pixel> {
/** The width of the image. */
private _width;
/** Gets the width of the image. */
get width(): number;
/** Sets the width of the image. */
set width(v: number);
/** The height of the image. */
private _height;
/** Gets the height of the image. */
get height(): number;
/** Sets the height of the image. */
set height(v: number);
/** The pixel data of the image. */
private readonly _data;
/** Gets the pixel data of the image. */
get data(): Uint8Array;
/** The number of channels in the image. */
private readonly _numChannels;
/** Gets the number of channels in the image. */
get numChannels(): number;
/** Gets the format of the image data. */
get format(): Format;
/** Gets the format type of the image data. */
get formatType(): FormatType;
/** Gets the buffer of the image data. */
get buffer(): ArrayBufferLike;
/** Gets the row stride of the image data. */
get rowStride(): number;
/** Gets the iterator for the image data. */
get iterator(): PixelUint8;
/** Gets the byte length of the image data. */
get byteLength(): number;
/** Gets the length of the image data. */
get length(): number;
/** Gets the maximum channel value of the image data. */
get maxChannelValue(): number;
/** Gets the maximum index value of the image data. */
get maxIndexValue(): number;
/** Checks if the image data has a palette. */
get hasPalette(): boolean;
/** The palette of the image data. */
private _palette?;
/** Gets the palette of the image data. */
get palette(): Palette | undefined;
/** Sets the palette of the image data. */
set palette(p: Palette | undefined);
/** Checks if the image data is in HDR format. */
get isHdrFormat(): boolean;
/** Checks if the image data is in LDR format. */
get isLdrFormat(): boolean;
/** Gets the bits per channel of the image data. */
get bitsPerChannel(): number;
/**
* Constructs a new MemoryImageDataUint8 instance.
* @param {number} width - The width of the image.
* @param {number} height - The height of the image.
* @param {number} numChannels - The number of channels in the image.
* @param {Uint8Array} [data] - The pixel data of the image.
*/
constructor(width: number, height: number, numChannels: number, data?: Uint8Array);
/**
* Creates a new MemoryImageDataUint8 instance with a palette.
* @param {number} width - The width of the image.
* @param {number} height - The height of the image.
* @param {Palette} [palette] - The palette of the image.
* @returns {MemoryImageDataUint8} A new MemoryImageDataUint8 instance.
*/
static palette(width: number, height: number, palette?: Palette): MemoryImageDataUint8;
/**
* Creates a new MemoryImageDataUint8 instance from another instance.
* @param {MemoryImageDataUint8} other - The other MemoryImageDataUint8 instance.
* @param {boolean} [skipPixels=false] - Whether to skip copying pixel data.
* @returns {MemoryImageDataUint8} A new MemoryImageDataUint8 instance.
*/
static from(other: MemoryImageDataUint8, skipPixels?: boolean): MemoryImageDataUint8;
/**
* Gets a range of pixels from the image data.
* @param {number} x - The x-coordinate of the range.
* @param {number} y - The y-coordinate of the range.
* @param {number} width - The width of the range.
* @param {number} height - The height of the range.
* @returns {Iterator<Pixel>} An iterator for the range of pixels.
*/
getRange(x: number, y: number, width: number, height: number): Iterator<Pixel>;
/**
* Gets a color from the specified RGBA values.
* @param {number} r - The red component.
* @param {number} g - The green component.
* @param {number} b - The blue component.
* @param {number} [a] - The alpha component.
* @returns {Color} A Color instance.
*/
getColor(r: number, g: number, b: number, a?: number): Color;
/**
* Gets a pixel from the specified coordinates.
* @param {number} x - The x-coordinate of the pixel.
* @param {number} y - The y-coordinate of the pixel.
* @param {Pixel} [pixel] - An optional Pixel instance to reuse.
* @returns {Pixel} A Pixel instance.
*/
getPixel(x: number, y: number, pixel?: Pixel): Pixel;
/**
* Sets a pixel at the specified coordinates with the given color.
* @param {number} x - The x-coordinate of the pixel.
* @param {number} y - The y-coordinate of the pixel.
* @param {Color} p - The color to set.
*/
setPixel(x: number, y: number, p: Color): void;
/**
* Sets the red component of a pixel at the specified coordinates.
* @param {number} x - The x-coordinate of the pixel.
* @param {number} y - The y-coordinate of the pixel.
* @param {number} r - The red component.
*/
setPixelR(x: number, y: number, r: number): void;
/**
* Sets the RGB components of a pixel at the specified coordinates.
* @param {number} x - The x-coordinate of the pixel.
* @param {number} y - The y-coordinate of the pixel.
* @param {number} r - The red component.
* @param {number} g - The green component.
* @param {number} b - The blue component.
*/
setPixelRgb(x: number, y: number, r: number, g: number, b: number): void;
/**
* Sets the RGBA components of a pixel at the specified coordinates.
* @param {number} x - The x-coordinate of the pixel.
* @param {number} y - The y-coordinate of the pixel.
* @param {number} r - The red component.
* @param {number} g - The green component.
* @param {number} b - The blue component.
* @param {number} a - The alpha component.
*/
setPixelRgba(x: number, y: number, r: number, g: number, b: number, a: number): void;
/**
* Safely sets the RGB components of a pixel at the specified coordinates.
* @param {number} x - The x-coordinate of the pixel.
* @param {number} y - The y-coordinate of the pixel.
* @param {number} r - The red component.
* @param {number} g - The green component.
* @param {number} b - The blue component.
*/
setPixelRgbSafe(x: number, y: number, r: number, g: number, b: number): void;
/**
* Safely sets the RGBA components of a pixel at the specified coordinates.
* @param {number} x - The x-coordinate of the pixel.
* @param {number} y - The y-coordinate of the pixel.
* @param {number} r - The red component.
* @param {number} g - The green component.
* @param {number} b - The blue component.
* @param {number} a - The alpha component.
*/
setPixelRgbaSafe(x: number, y: number, r: number, g: number, b: number, a: number): void;
/**
* Clears the image data with the specified color.
* @param {Color} [c] - The color to clear with.
*/
clear(c?: Color): void;
/**
* Clones the image data.
* @param {boolean} [skipPixels=false] - Whether to skip copying pixel data.
* @returns {MemoryImageDataUint8} A new MemoryImageDataUint8 instance.
*/
clone(skipPixels?: boolean): MemoryImageDataUint8;
/**
* Converts the image data to a Uint8Array.
* @returns {Uint8Array} A Uint8Array containing the image data.
*/
toUint8Array(): Uint8Array;
/**
* Gets the bytes of the image data with the specified options.
* @param {MemoryImageDataGetBytesOptions} [opt] - The options for getting the bytes.
* @param {string} [opt.format] - The format in which to get the bytes (e.g., 'png', 'jpeg').
* @param {number} [opt.quality] - The quality of the image data (0 to 100) if applicable.
* @param {number} [opt.width] - The width to resize the image to before getting the bytes.
* @param {number} [opt.height] - The height to resize the image to before getting the bytes.
* @param {string} [opt.colorSpace] - The color space to use (e.g., 'srgb', 'adobe-rgb').
* @returns {Uint8Array} A Uint8Array containing the image data bytes.
*/
getBytes(opt?: MemoryImageDataGetBytesOptions): Uint8Array;
/**
* Converts the image data to a string representation.
* @returns {string} A string representation of the image data.
*/
toString(): string;
/**
* Gets the iterator for the image data.
* @returns {Iterator<Pixel, Pixel, undefined>} An iterator for the image data.
*/
[Symbol.iterator](): Iterator<Pixel, Pixel, undefined>;
}