wex5 实战 图片触摸放大移动插件easyzoom的使用与集成

 一  前言     

      客户的需求就是上帝的召唤。

       作为一个开发人员，或者软件从业者，客户的要求就是准则。

       遇到一个客户，让我做一个图片放大，但是移动拖拽要定位精准。之前研究过一个hammer插件，多次尝试放大后的触摸点定位问题，始终无法解决。客户的需求可以理解，因为不是简单的图片介绍，而是复杂的工程图纸。最后求助于jquery插件easyzomm，达到了客户的要求。今天，把实例贴出来，供大家学习交流。

二   效果演示

     

    

  

 

三  设计思路与代码实现

     1 下载并引入easyzoom.js插件 

       

     2  修改并简化dom结构

       

        （注）1在easyzoom的示例中，图片放置了两层，上面是图片，下面是底图。我这里进行了简化。在di