@deck.gl/core/dist/viewports/orthographic-viewport.d.ts

deck.gl core library

import Viewport from "../viewports/viewport.js";
import type { Padding } from "./viewport.js";
/** independent zoom levels for X and Y axes
 * @deprecated use `zoomX` and `zoomY` instead */
type Deprecated2DZoom = [number, number];
export type OrthographicViewportOptions = {
    /** Name of the viewport */
    id?: string;
    /** Left offset from the canvas edge, in pixels */
    x?: number;
    /** Top offset from the canvas edge, in pixels */
    y?: number;
    /** Viewport width in pixels */
    width?: number;
    /** Viewport height in pixels */
    height?: number;
    /** The world position at the center of the viewport. Default `[0, 0, 0]`. */
    target?: [number, number, number] | [number, number];
    /**  The zoom level of the viewport. `zoom: 0` maps one unit distance to one pixel on screen, and increasing `zoom` by `1` scales the same object to twice as large.
     *   To apply independent zoom levels to the X and Y axes, use `zoomX` and `zoomY`.
     * @default 0
     */
    zoom?: number | Deprecated2DZoom;
    /** Independent zoom along the X axis. Overrides `zoom`. */
    zoomX?: number;
    /** Independent zoom along the Y axis. Overrides `zoom`. */
    zoomY?: number;
    /** Padding around the viewport, in pixels. */
    padding?: Padding | null;
    /** Distance of near clipping plane. Default `0.1`. */
    near?: number;
    /** Distance of far clipping plane. Default `1000`. */
    far?: number;
    /** Whether to use top-left coordinates (`true`) or bottom-left coordinates (`false`). Default `true`. */
    flipY?: boolean;
};
export default class OrthographicViewport extends Viewport {
    static displayName: string;
    target: [number, number, number] | [number, number];
    zoomX: number;
    zoomY: number;
    flipY: boolean;
    constructor(props: OrthographicViewportOptions);
    projectFlat([X, Y]: number[]): [number, number];
    unprojectFlat([x, y]: number[]): [number, number];
    panByPosition(coords: number[], pixel: number[], startPixel?: number[]): OrthographicViewportOptions;
}
export {};
//# sourceMappingURL=orthographic-viewport.d.ts.map