PinchZoom.js is a Javascript library providing multi touch gestures for zooming and dragging on any DOM element.
- jQuery or Zepto.
- ECMA 5 support (https://caniuse.com/use-strict).
new PinchZoom($('#your-element'), options);
tapZoomFactor: The zoom factor a double tap zooms to. (default 2)
zoomOutFactor: Resizes to original size when zoom factor is below the configured value. (default 1.3)
animationDuration: The animation duration in milliseconds. (default 300)
maxZoom: The maximum zoom factor. (default 4)
minZoom: The minimum zoom factor. (default 0.5)
lockDragAxis Locks panning of the element to a single axis. (default false)
Pinchzoom emits some custom events you can listen to
pz_zoomstart Started to zoom
pz_zoomend Stopped zooming
pz_dragstart Started to drag the element
pz_dragend Stopped to drag the element
pz_doubletap Resetting the zoom with doubletab
enable: Enables all gesture capturing (default)
disable: Disables all gesture capturing
PinchZoom is licensed under the MIT License.