import { OnInit, EventEmitter } from '@angular/core'; import { DomSanitizer, SafeResourceUrl } from "@angular/platform-browser"; export declare class ImageViewerComponent implements OnInit { domSanitizer: DomSanitizer; width: number; height: number; source: string[]; ready: EventEmitter; private currentImage; imageSources: SafeResourceUrl[]; currentImageUrl: SafeResourceUrl; private radian; private x; private y; private zoom; private initTop; private initLeft; moreImgInitLeft: number; private currentImageTempTop; private currentImageTempLeft; private dragStartClientX; private dragStartClientY; private isStartMove; constructor(domSanitizer: DomSanitizer); ngOnInit(): void; /** * 主图加载完成 * @param img * @param viewer */ currentImageLoaded(img: HTMLImageElement, viewer: HTMLDivElement): void; preOrNextImg(type: string): void; /** * 根据变换参数改变主图 */ changeCurrentImg(): void; /** * 获取变换参数函数 * @param radian * @param x * @param y * @returns {{M11: number, M12: number, M21: number, M22: number}} */ getMatrix(radian: number, x: number, y: number): any; /** * 设置垂直翻转有关变量 */ vertical(): void; /** * 设置水平翻转有关变量 */ horizontal(): void; /** * 设置旋转的弧度 * @param radian */ rotate(radian: number): void; /** * 设置弧度为向左转90度 */ rotateLeftBy90(): void; /** * 设置弧度为向左转90度 */ rotateRightBy90(): void; /** * 根据角度设置旋转的弧度 * @param degress */ rotateByDegress(degress: number): void; /** * 判断是否可以放大/缩小 * @param scale * @param zoom * @returns {number} */ getZoom(scale: number, zoom: number): number; /** * 设置缩放的有关变量 * @param zoom */ scale(zoom: number): void; /** * 设置放大的有关变量 */ zoomin(): void; /** * 设置缩小的有关变量 */ zoomout(): void; /** * 重置参数 */ reset(): void; /** * 放大按钮事件 */ imageZoomin(): void; /** * 缩小按钮事件 */ imageZoomout(): void; /** * 向左旋转按钮事件 */ rotateLeft(): void; /** * 向右旋转按钮事件 */ rotateRight(): void; /** * 垂直翻转按钮事件 */ flipVertical(): void; /** * 水平翻转按钮事件 */ flipHorizontal(): void; /** * 主图恢复初始状态 */ currentImgReset(): void; /** * 下一页图片 * @param moreImg * @param viewer */ previousImg(moreImg: HTMLDivElement, viewer: HTMLDivElement): void; /** * 下一页图片 * @param moreImg * @param viewer */ nextImg(moreImg: HTMLDivElement, viewer: HTMLDivElement): void; /** * 点击小图加载主图事件 * @param imgUrl */ changeCurrentImageUrl(imgUrl: string): void; /** * 滚轮缩放 * @param e */ currentImageZoomByWheel(e: any): void; /** * 主图拖动开始事件 * @param e */ currentImageDragStart(e: MouseEvent): void; /** * 主图拖动中事件 * @param e */ currentImageDrag(e: MouseEvent): void; /** * 主图拖动结束事件 * @param e */ currentImageDragEnd(e: MouseEvent): void; /** * 取消默认的拖拽事件 * @param e */ cancleCurrentImageDrag(e: DragEvent): void; /** * 检测浏览器 * @returns {any} */ checkBrowser(): any; }