@egjs/view360
Version:
360 integrated viewing solution from inside-out view to outside-in view. It provides user-friendly service by rotating 360 degrees through various user interaction such as motion sensor and touch.
43 lines (42 loc) • 1.18 kB
TypeScript
import Component from "@egjs/component";
import { AnimationEndEvent, ChangeEvent, ImageErrorEvent, LoadEvent } from "../types/event";
export interface SpinViewerEvent {
load: LoadEvent;
imageError: ImageErrorEvent;
change: ChangeEvent;
animationEnd: AnimationEndEvent<SpinViewer>;
}
export interface SpinViewerOptions {
imageUrl: string;
rowCount: number;
colCount: number;
width: number | string;
height: number | string;
autoHeight: boolean;
colRow: number[];
scale: number;
frameIndex: number;
wrapperClass: string;
imageClass: string;
}
declare class SpinViewer extends Component<SpinViewerEvent> {
static VERSION: string;
private _el;
private _sprites;
private _axes;
private _panInput;
private _scale;
private _panScale;
private _frameCount;
constructor(element: HTMLElement, options?: Partial<SpinViewerOptions>);
setScale(scale: number): this;
getScale(): number;
spinBy(angle?: number, param?: {
duration: number;
}): this;
spinTo(angle?: number, param?: {
duration: number;
}): this;
getAngle(): number;
}
export default SpinViewer;