Panscale

Install the packages:

pnpm add @panscale/core @panscale/web @panscale/react transformation-matrix

Quick Start

import { ScalerView } from "@panscale/react";

function App() {
  return (
    <ScalerView style={{ width: "100%", height: 400 }} zooming bouncing>
      <div style={{ width: 2000, height: 1500 }}>
        <h1>Pan and zoom me!</h1>
      </div>
    </ScalerView>
  );
}

On this page