Pan Event

• Event Name: pan
• Access Type: Events['pan']
• Details:

type PanEvent = {
    deltaX: number;
    deltaY: number;
}

• deltaX, deltaY: Amount of pan - the difference between the current position and the position of the last dispatch.

Smooth Panning

Pointeract supports using Lubricator to smoothify pan events. You can use the lubricatorPanPreset or customize yourself:

import { WheelPanZoom, Lubricator, Pointeract, lubricatorPanPreset as pan } from 'pointeract';

new Pointeract({
    element: app,
    lubricator: { pan },
}, [WheelPanZoom, Lubricator])