react-ivy-pinch-zoom
Version:
React library for images scaling and dragging with touch screen gestures
49 lines (48 loc) • 1.42 kB
TypeScript
import * as React from 'react';
import { Properties } from './interfaces';
interface Props {
imgPath: string;
properties?: Properties;
transitionDuration?: number;
doubleTap?: boolean;
doubleTapScale?: number;
autoZoomOut?: boolean;
limitZoom?: number | "original image size";
disabled?: boolean;
disablePan?: boolean;
overflow?: "hidden" | "visible";
disableZoomControl?: "disable" | "never" | "auto";
backgroundColor?: string;
limitPan?: boolean;
minScale?: number;
listeners?: 'auto' | 'mouse and touch';
wheel?: boolean;
autoHeight?: boolean;
wheelZoomFactor?: number;
draggableImage?: boolean;
}
export declare class PinchZoom extends React.Component<Props, {
isZoomedIn: boolean;
}> {
contentRef: any;
ivyPinch: any;
isZoomedIn: any;
_properties: Properties;
styleObject: any;
get isTouchScreen(): boolean;
constructor(props: any);
componentDidMount(): void;
componentWillUnmount(): void;
isDragging(): any;
isControl(): boolean | undefined;
getScale(): any;
init(): void;
getProperties(changes: any): any;
applyOptionsDefault(defaultOptions: any, options: any): void;
myEventHandler(event: any): void;
toggleZoom(): void;
pollLimitZoom(): void;
setStyles(): void;
render(): JSX.Element;
}
export {};