hammer.js 的使用。 （手机手势插件）

捏合、捏开、图片放大 的一个手机图片“放大缩小可拖动”的小效果。

相关js 到   查找和下载。 hammer.js的版本是 v2.0.4

 

效果说明：

1、（捏开——这个词我不知道咋说了）就是触屏后，双指向外展开。

图片放大到2倍。

并且计算当前的事件点，以此为中心，在屏幕原处放大。（实际上以左上角为中心，然后计算偏移量）

2、捏合

图片缩小回原始状态

3、放大后的滑动事件

hammertime.get('swipe').set({ direction: Hammer.DIRECTION_ALL });

注意这句话。刚开始没加这句话的时候，发现 swipeleft 和 swiperight 事件好用，但swipeup 和 swipedown 无效

开始时还想用 pan 事件，但 pan事件是拖动，它需要更多的时间

另外还加了判断，所以只有scale放大到2倍时，才能使用滑动事件

 

 

 

 

 

 

............