Pinch to zoom using Hammer.js

Question

I am trying to implement pinch to zoom using hammer.js

Here\'s my HTML-

Answer 1

Check out the Pinch Zoom and Pan with HammerJS demo. This example has been tested on Android, iOS and Windows Phone.

You can find the source code at Pinch Zoom and Pan with HammerJS.

For your convenience, here is the source code:

  
  
  




  


    

      Ignore this area. Space is needed to test on the iPhone simulator as pinch simulation on the
      iPhone simulator requires the target to be near the middle of the screen and we only respect
      touch events in the image area. This space is not needed in production.
    

    

    

    

    Zoom In
    Zoom Out

    

      
    


  

(BTW, There is a lot of good info above, but I couldn't get any of the examples to actually work and there are some subtle details that I wanted to implement such as consideration of the zoom center).