react-design-editor/lib/handlers/ZoomHandler.d.ts

Design Editor Tools with React.js + ant.design + fabric.js

import { fabric } from 'fabric';
import { FabricObject } from '../utils';
import Handler from './Handler';
declare class ZoomHandler {
    handler?: Handler;
    private _zoomStep?;
    constructor(handler: Handler, zoomStep?: number);
    /**
     * Zoom to point
     *
     * @param {fabric.Point} point
     * @param {number} zoom ex) 0 ~ 1. Not percentage value.
     */
    zoomToPoint: (point: fabric.Point, zoom: number) => void;
    /**
     * Zoom one to one
     *
     */
    zoomOneToOne: () => void;
    /**
     * Zoom to fit
     *
     */
    zoomToFit: () => void;
    /**
     * Zoom in
     *
     */
    zoomIn: () => void;
    /**
     * Zoom out
     *
     */
    zoomOut: () => void;
    /**
     * Zoom to center with object
     *
     * @param {FabricObject} target If zoomFit true, rescaled canvas zoom.
     */
    zoomToCenterWithObject: (target: FabricObject, zoomFit?: boolean) => void;
    /**
     * Zoom to center with objects
     *
     * @param {boolean} [zoomFit] If zoomFit true, rescaled canvas zoom.
     * @returns
     */
    zoomToCenter: (zoomFit?: boolean) => void;
}
export default ZoomHandler;