import { Matrix2D } from "matrix2d.js";
import type { IPoint, IRect, ISize } from "./types";
export interface Transform {
    a: number;
    b: number;
    c: number;
    d: number;
    x: number;
    y: number;
    scaleX: number;
    scaleY: number;
    rotation: number;
    flipX: boolean;
    flipY: boolean;
    skewX: number;
    skewY: number;
}
export interface IViewBoxOptions {
    transform?: Partial<Transform>;
    transformOrigin?: IPoint;
}
export interface IZoomToRectOptions {
    /**
     * 基于指定矩阵重置再进行缩放
     */
    matrix?: [number, number, number, number, number, number];
    /**
     * 视图宽高,默认400x400
     */
    viewBoxSize?: ISize;
    /**
     * alias viewBoxSize
     * @deprecated
     */
    size?: ISize;
    /**
     * 自定义缩放值，优先级高于objectFit
     */
    scale?: number;
    /**
     * 5种缩放模式，默认：contain
     * https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
     *
     * objectPosition为center
     */
    objectFit?: "fill" | "contain" | "cover" | "none" | "scale-down";
    /**
     * TODO: objectPosition support
     */
    /**
     * 相对视图的边界距离
     */
    padding?: number;
    /**
     * 自定义缩放中心坐标
     */
    transformOrigin?: IPoint;
}
/**
 * ViewBox
 */
export declare class ViewBox {
    protected options: IViewBoxOptions;
    protected _matrix: Matrix2D;
    protected _transform: Transform;
    protected transformOrigin: IPoint;
    protected get matrix(): Matrix2D;
    protected set matrix(mtx: Matrix2D);
    protected get transform(): Transform;
    protected set transform(value: Partial<Transform>);
    constructor(options?: IViewBoxOptions);
    protected decompose(): import("matrix2d.js").Transform;
    protected get cx(): number;
    protected get cy(): number;
    setTransformOrigin(x: number, y: number): void;
    getTransformOrigin(): {
        x: number;
        y: number;
    };
    get x(): number;
    set x(value: number);
    get y(): number;
    set y(value: number);
    getPosition(): {
        x: number;
        y: number;
    };
    setPosition(x: number, y: number): this;
    getTransform(): {
        a: number;
        b: number;
        c: number;
        d: number;
        x: number;
        y: number;
        scaleX: number;
        scaleY: number;
        rotation: number;
        flipX: boolean;
        flipY: boolean;
        skewX: number;
        skewY: number;
    };
    setTransform(transform: Partial<Transform>): this;
    getMatrixObject(): Matrix2D;
    getMatrix(): [a: number, b: number, c: number, d: number, tx: number, ty: number];
    /**
     * 视图坐标(相对viewBox)转本地坐标(viewBox内容实际坐标)
     * @examples
     * viewBox.translate(100, 100)
     * viewBox.globalToLocal(0, 0) // {x: -100, y: -100}
     */
    globalToLocal(x: number, y: number): import("matrix2d.js").Point;
    /**
     * 本地坐标(viewBox内容实际坐标)转视图坐标(相对viewBox)
     * @examples
     * viewBox.translate(100, 100)
     * viewBox.localToGlobal(-100, -100) // {x: 0, y: 0}
     */
    localToGlobal(x: number, y: number): import("matrix2d.js").Point;
    /**
     * 对viewBox内容进行平移
     * @param x 相对viewBox的（视图坐标）x偏移量
     * @param y 同上 y偏移量
     * @returns
     */
    translate(x: number, y: number): this;
    translateX(x: number): this;
    translateY(y: number): this;
    /**
     * 对viewBox内容进行缩放，cx,cy均指相对viewBox（视图坐标）
     * 缩放值scaleX 和 scaleY 叠加上一个缩放值，eg: scale(2,2) scale(3,3) 实际缩放内容为：x、y都缩放了6倍
     * @param scaleX
     * @param scaleY
     */
    scale(scaleX: number, scaleY: number): ViewBox;
    scale(scaleX: number, scaleY: number, cx: number, cy: number): ViewBox;
    /**
     * 对viewBox内容进行旋转，cx,cy均指相对viewBox（视图坐标）
     * @param rotation 需要旋转的角度，该值会和上一次选择值叠加，eg: rotate(10) rotate(10)，实际旋转角度为：20
     */
    rotate(rotation: number): ViewBox;
    rotate(rotation: number, cx: number, cy: number): ViewBox;
    /**
     * x 轴翻转
     * cx,cy均指相对viewBox（视图坐标）
     */
    flipX(): ViewBox;
    flipX(cx: number, cy: number): ViewBox;
    /**
     * y 轴翻转
     * cx,cy均指相对viewBox（视图坐标）
     */
    flipY(): ViewBox;
    flipY(cx: number, cy: number): ViewBox;
    skewX(value: number): ViewBox;
    skewX(value: number, cx: number, cy: number): ViewBox;
    /**
     * @param value 全量值
     * 注意：如果有初始矩阵系数尽量不要使用该API
     * @param cx
     * @param cy
     */
    setSkewX(value: number): ViewBox;
    setSkewX(value: number, cx: number, cy: number): ViewBox;
    /**
     * @param value
     * @param cx
     * @param cy
     */
    skewY(value: number): ViewBox;
    skewY(value: number, cx: number, cy: number): ViewBox;
    /**
     * @param value 全量值
     * 注意：如果有初始矩阵系数尽量不要使用该API
     * @param cx
     * @param cy
     */
    setSkewY(value: number): ViewBox;
    setSkewY(value: number, cx: number, cy: number): ViewBox;
    /**
     * 获取当前缩放值
     * @returns
     */
    getZoom(): number;
    /**
     * 视图缩放，该缩放值是全量值，多次调用会覆盖上一次，如：setZoom(2) setZoom(4)，实际的缩放值为：4
     * 注意：如果有初始矩阵系数尽量不要使用该API
     * @param value 缩放值，全量值
     */
    setZoom(value: number): ViewBox;
    setZoom(value: number, cx: number, cy: number): ViewBox;
    /**
     * 视图旋转，该缩放值是全量值，多次调用会覆盖上一次，如：setRotation(10) setZoom(30)，实际的缩放值为：30
     * 注意：如果有初始矩阵系数尽量不要使用该API
     * @param value 旋转角度，全量值
     */
    setRotation(rotation: number): ViewBox;
    setRotation(rotation: number, cx: number, cy: number): ViewBox;
    getObjectFitScale(objectFit: IZoomToRectOptions["objectFit"], nodeSize: ISize, viewBoxSize: ISize): {
        scaleX: number;
        scaleY: number;
    };
    /**
     * 缩放以显示指定矩形区域(基于视图的区域)内容，并将区域中心移动到指定的坐标(transformOrigin)
     * @param rect
     */
    zoomToRect(rect: IRect, options?: IZoomToRectOptions): this;
    /**
     * 缩放以居中显示指定矩形区域内容
     * @returns
     */
    zoomToFit(rect: IRect, options?: Omit<IZoomToRectOptions, "transformOrigin">): this;
    reset(): this;
    toCSS(): string;
    /**
     * alias toCSS
     * @returns
     */
    toString(): string;
    clone(): ViewBox;
}