PinchEvent — Kuito Dokumentation

Verwendung

Zoom content with a pinch.

tsx

// Zoom content with a pinch.
import { Image, motion, pinch, spring, type PinchEvent } from 'kuito';

function Zoomable() {
  const zoom = pinch().release(spring());
  const scale = motion(1).follows(zoom.scale);

  const report = (event: PinchEvent) => console.log(`zoomed to ${event.scale.toFixed(1)}x`);

  return (
    <Image
      src="https://example.com/map.png"
      width={300}
      height={300}
      scale={scale}
      gestures={[pinch({ onEnd: report }), zoom]}
    />
  );
}

Typdeklaration

export interface PinchEvent extends GestureEvent {
  scale: number;
  focalX: number;
  focalY: number;
  velocity: number;
}

Mitglieder 7

Name	Typ	Erforderlich	Beschreibung
`scale`	`number`	Ja	—
`focalX`	`number`	Ja	—
`focalY`	`number`	Ja	—
`velocity`	`number`	Ja	—
`state`	`number`	Ja	—
`numberOfPointers`	`number`	Ja	—
`pointerType`	`number`	Ja	—

Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.