Options
All
  • Public
  • Public/Protected
  • All
Menu

Class GcPinchZoomGesture

Utility to listen two finger zoom gesture events for mobile devices.

Hierarchy

  • GcPinchZoomGesture

Index

Constructors

Properties

Methods

Constructors

constructor

  • new GcPinchZoomGesture(target: HTMLElement, zoomInHandler: (zoomPercentX: number, zoomPercentY: number) => void, zoomOutHandler: (zoomPercentX: number, zoomPercentY: number) => void): GcPinchZoomGesture
  • GcPinchZoomGesture class constructor

    Parameters

    • target: HTMLElement

      DOM element, target container, used to listen touch events and used for zoom distance calculations

    • zoomInHandler: (zoomPercentX: number, zoomPercentY: number) => void

      Handler for zoom in event callback

        • (zoomPercentX: number, zoomPercentY: number): void
        • Parameters

          • zoomPercentX: number
          • zoomPercentY: number

          Returns void

    • zoomOutHandler: (zoomPercentX: number, zoomPercentY: number) => void

      Handler zoom out event callback

        • (zoomPercentX: number, zoomPercentY: number): void
        • Parameters

          • zoomPercentX: number
          • zoomPercentY: number

          Returns void

    Returns GcPinchZoomGesture

Properties

zoomInHandler

zoomInHandler: (zoomPercentX: number, zoomPercentY: number) => void

Handler for zoom in event callback.

param

zoom distance in percentages relative to target container width.

param

zoom distance in percentages relative to target container height.

Type declaration

    • (zoomPercentX: number, zoomPercentY: number): void
    • Parameters

      • zoomPercentX: number
      • zoomPercentY: number

      Returns void

zoomOutHandler

zoomOutHandler: (zoomPercentX: number, zoomPercentY: number) => void

Handler zoom out event callback.

param

zoom distance in percentages relative to target container width.

param

zoom distance in percentages relative to target container height.

Type declaration

    • (zoomPercentX: number, zoomPercentY: number): void
    • Parameters

      • zoomPercentX: number
      • zoomPercentY: number

      Returns void

Methods

activate

  • activate(): void
  • Activate pinch gesture utility and enable zoom in / zoom out events.

    Returns void

deactivate

  • deactivate(): void
  • Deactivate pinch gesture utility and disable zoom in / zoom out events.

    Returns void