import Picture from "./Picture"; declare class Grid { _colorBlending: number; _width: number; _height: number; _columns: number; _rows: number; _colors: number[]; _gridColors: number[]; _pictures: Map; _canvas: HTMLCanvasElement | null; _context: CanvasRenderingContext2D | null; _hasSuccessfulPaint: boolean; /** * Creates an instance of Grid. * * @memberOf Grid */ constructor(); /** * Return the color in _colors array, that is most similar to the given color. * @param {number} color Color to match. * @return {number} Nearest color. */ getClosestColor(color: number): number; resetGridSquares(): void; setGridSquare(column: number, row: number, color: number): void; getGridSquare(column: number, row: number): number; /** * Returns a Picture with the average * color that closest matches given color. * "using as Picture" because Map.get can theoretically return undefined, * but not if we using .getClosestColor as key */ getPictureByColor(color: number): Picture; get isReady(): boolean; get poolSize(): number; get size(): number; get colors(): number[]; get canvas(): HTMLCanvasElement | null; get context(): CanvasRenderingContext2D | null; get colorBlending(): number; set colorBlending(value: number); /** * Set canvas dimenstions in pixels * @param {Number} width Width in pixels. * @param {Number} height Height in pixels. * @param {Number} columns Number of columns * @param {Number} rows Number of rows */ setSize(width: number, height: number, columns: number, rows: number): void; /** * Add to pool of pictures to use in mosaic. * @param {HTMLImageElement} image A Picture */ addSourceImage(image: HTMLImageElement): void; /** * Remove from pool of pictures to not be used in mosaic anymore. * @param {string} url Picture url to remove */ removeSourceImage(url: string): void; /** * Draw images to grid. */ drawGrid(target: Picture): Promise; } declare const _default: Grid; export default _default;