@ezuikit/theme-plugin-zoom
Version:
zoom
60 lines (59 loc) • 1.46 kB
TypeScript
import './zoom.scss';
export interface ZoomToolOptions {
/** 最大倍数 */
maxScale: number;
/** 距离左边的距离 */
left: number;
/** 距离底部的距离 */
bottom: number;
/** 缩放 */
scale: number;
onClick: (current?: number) => void;
}
declare class ZoomTool {
$container: HTMLElement;
options: ZoomToolOptions;
private _current;
$zoomToolContainer: HTMLDivElement;
private readonly _theme;
enableZoom: boolean;
videoWidth: number;
videoHeight: number;
currentPosition: any;
_moveX: any;
_moveY: any;
inited: any;
private _point1;
constructor($container: HTMLElement, options: Partial<ZoomToolOptions> | undefined, theme: any);
_registerEvent(): void;
get current(): number;
set current(current: number);
show(): void;
hide(): void;
/**
*
*/
_renderProgressPercent(): void;
render(): HTMLDivElement;
_event(): void;
onMouseDown(event: any): void;
onMouseUp(event: any): void;
onTouchstart(event: any): void;
onTouchend(event: any): void;
/**
*
*/
doScale(): void;
_resetZoom(): void;
/**
*
* @param left
* @param right
* @param top
* @param bottom
* @param flag
*/
_setDisplayRegion(left: number, right: number, top: number, bottom: number, flag?: boolean): void;
get isMobileFullScreen(): boolean;
}
export default ZoomTool;