Panscale

API

useScaler

function useScaler(options?: Partial<ScalerOptions>): {
  ref: RefObject<HTMLDivElement>;
  values: ScalerValues;
  scrollTo: (left: number, top: number, animate?: boolean) => void;
  zoomTo: (level: number, animate?: boolean, originX?: number, originY?: number) => void;
}

Components

  • <ScalerView> — Wrapper component with built-in pan/zoom
  • <ZoomControls> — +/- zoom buttons
  • <Minimap> — Minimap overlay
  • <ResetButton> — Reset zoom to 1:1

On this page