Merge pull request #55 from endel/master

add 'update' events for zoom and drag.
manuelstofer · Mar 3, 2018 · c1f7ec0 · c1f7ec0
2 parents d07fe39 + 8c3476b
commit c1f7ec0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -37,8 +37,10 @@ Pinchzoom emits some custom events you can listen to:
 
 pz_zoomstart  Started to zoom
 pz_zoomend    Stopped zooming
+pz_zoomupdate Zoom factor updated
 pz_dragstart  Started to drag the element
 pz_dragend    Stopped to drag the element
+pz_dragupdate Drag position updated
 pz_doubletap  Resetting the zoom with double-tab
 
 ```

diff --git a/src/pinch-zoom.js b/src/pinch-zoom.js
@@ -116,8 +116,10 @@ var definePinchZoom = function () {
             lockDragAxis: false,
             use2d: true,
             zoomStartEventName: 'pz_zoomstart',
+            zoomUpdateEventName: 'pz_zoomupdate',
             zoomEndEventName: 'pz_zoomend',
             dragStartEventName: 'pz_dragstart',
+            dragUpdateEventName: 'pz_dragupdate',
             dragEndEventName: 'pz_dragend',
             doubleTapEventName: 'pz_doubletap'
         },
@@ -252,6 +254,7 @@ var definePinchZoom = function () {
                 x: (scale - 1) * (center.x + this.offset.x),
                 y: (scale - 1) * (center.y + this.offset.y)
             });
+            triggerEvent(this.el, this.options.zoomUpdateEventName);
         },
 
         /**
@@ -294,6 +297,7 @@ var definePinchZoom = function () {
                   x: -(center.x - lastCenter.x)
                 });
               }
+              triggerEvent(this.el, this.options.dragUpdateEventName);
             }
         },