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