@coddicat/vue-pinch-scroll-zoom
Version:
Vue component enabling scroll and zoom functionalities for content, leveraging mouse interactions on desktop and two-finger pinch gestures on mobile devices
32 lines (31 loc) • 890 B
TypeScript
export interface PinchScrollZoomEmitData {
x: number;
y: number;
scale: number;
originX: number;
originY: number;
translateX: number;
translateY: number;
}
export interface PinchScrollZoomSetData {
scale?: number;
originX?: number;
originY?: number;
translateX?: number;
translateY?: number;
}
export interface PinchScrollZoomExposed {
setData: (data: PinchScrollZoomSetData) => PinchScrollZoomEmitData;
centralize: () => PinchScrollZoomEmitData;
manualMove: (deltaX: number, delatY: number) => PinchScrollZoomEmitData;
manualZoom: (factor: number) => PinchScrollZoomEmitData;
}
export declare enum PinchScrollZoomKeyAction {
zoomIn = 0,
zoomOut = 1,
moveLeft = 2,
moveRight = 3,
moveUp = 4,
moveDown = 5
}
export declare const PinchScrollZoomDefaultControls: Record<string, PinchScrollZoomKeyAction>;