hammer.js插件h5移动端手指拖拽缩放效果实践方法

因为要作一个在移动端触控元素的效果，须要去网上找一些插件，通过一番百度，涉及到touch的插件并很少，主要有hammer.js和panzoom.js两个插件。panzoom简单易用，直接绑定某个元素初始化就好了，可是后来发现，panzoom.js在安卓微信端上有兼容性问题，本身改插件的话很难，真是狗血了。

因此就换成了hammer.js，若是按照hammer官方api直接来写的话，会让人摸不着头脑，官方给出的方法并不像panzoom那样直接绑定元素块，而是绑定一个区域，而后给出一些扩展方法，具体方法里面怎么写，就要读者本身去脑洞大开了。

在网上有关这方面的资料不多，通过查找，仍是找到了一些和本身想要效果相似的方法。通过一番修改，总算达到预期的效果，话很少说，先看一下效果图：

 

 

能够看到，手指移动元素和双指缩放都没问题，No problem ~~

若是想到更多的触控效果，能够参考官方api本身去扩展。

 源码地址：http://www.jiandanji.fun/blog/news-2.html