Angular Pinch Image Zoom Directive

Angular Pinch Image Zoom Directive

pinch-zoom directive for AngularJS.

Usage

Module Name

  • ngPinchZoom

Directive

  • ng-pinch-zoom

Example

  • Static Image:
<img src=“image.jpg” width=“320” height=“320” alt=“” ng-pinch-zoom max-scale=“4”>
  • Angular Supplied Image $scope.image
<img ng-src=“{{image}}” width=“320” height=“320” alt=“” ng-pinch-zoom max-scale=“4”>

max-scale is optional. (default: 3)

Support

AngularJS

  • 1.2.x +

Devices

  • Android 4.x +
  • iOS 5.x +

License

The MIT License (MIT)

  Download Demo
Posted on in and tagged