@ulb-darmstadt/photogrammetry-viewer
Version:
```console npm i photogrammetry-viewer ``` This library provides an HTML web component that displays photogrammetric data. The component consists of a combined 3D and 2D viewer. For each view of the 3D model, the 2D image closest to the view is loaded. Fo
50 lines (49 loc) • 1.91 kB
TypeScript
import { LitElement } from 'lit';
import { default as OpenSeadragon } from 'openseadragon';
import { ViewerSettings } from './viewer-settings';
import { MeasurementTool } from './measurement-tool';
import { PhotogrammetryViewerSettings } from './public-settings';
export declare class ViewerElement2D extends LitElement {
src2D: string;
parentElement: HTMLDivElement;
hotspotOverlay: HTMLDivElement;
measurementTool: MeasurementTool;
viewSettings: PhotogrammetryViewerSettings;
private _imageFiles;
private _currentImageIdx;
private _currentSyncRotationAngle;
private _imageCenter;
private _deltaX;
private _deltaY;
private _minZoomLevel;
private _lastDoublePressPointer;
private _lastDoublePressTimeStamp;
private _isDown;
private _viewer;
private _viewerHomeBounds;
get viewer(): OpenSeadragon.Viewer | null;
render(): import('lit-html').TemplateResult<1>;
firstUpdated(): void;
connectWithSettings(viewerSettings: ViewerSettings): void;
resize(height: number, width: number, transformString: string): void;
setImageFiles(imageFiles: Array<string>): void;
loadNextImage(imageIdx: number): Promise<void>;
rotateImage(rotationAngle: number): void;
updatePointerEventsState(setToNone: boolean): void;
zoomImage(zoomLevel: number): void;
getZoomLevel(): number;
getImageCenter(): [number, number];
private _handlePointerMove;
private _handlePointerUpAfterDoublePress;
private _updateImageHotspotPosition;
private _handleSingleClickEvent;
private _handleCanvasDoublePressEvent;
private _checkIfZoomIsInvalid;
private _handleViewportChangedEvent;
private _handleImageResizeEvent;
private _handleTileLoaded;
private _checkIfMinZoomChanged;
private _checkIfCenterPosIsUpdated;
private _handleZoomChanged;
static styles: import('lit').CSSResult;
}