Const
import { IDragger, draggers, Viewer } from "@inweb/viewer-visualize";
class MyDragger implements IDragger {
protected viewer: Viewer;
constructor(viewer: Viewer) {
this.viewer = viewer;
this.viewer.addEventListener("pointermove", this.onPointerMove);
}
override dispose() {
this.viewer.removeEventListener("pointermove", this.onPointerMove);
}
onPointerMove = (event: PointerEvent) => {
// place custom logic here
};
}
draggers.registerDragger("MyDragger", (viewer): IDragger => new MyDragger(viewer));
A draggers registry. Use this registry to register custom draggers.
To implement custom dragger:
viewer
parameter and add mouse event listeners for the specified viewer.mousemove
event and zoom in/out when the left mouse button is pressed.