作为一个网站的前端开发者，用户头像剪辑上传是一个很常见的功能。通常，该功能涉及图片的放大、缩小、移动、旋转和裁剪。接下来我们来做一个完整的demo。裁剪后的图片以base64的形式返回。base64上传到后台服务器的方法很简单，这里就不介绍了。图片操作：在手机端的操作与其他手机图片应用没有区别。PC端：使用鼠标滚轮放大缩小图片，按住左键移动鼠标移动图片，双击图片实现图片旋转。Demo下载地址：下载1下载2在这个demo中，我们使用Jquery插件（jquery.photoClip.js）来完成。【下一篇博客我们会分析photoClip的源码实现】。在使用jquery.photoClip.js的时候，我们要添加几个依赖的插件：iscroll-zoom.js（实现图片的移动）、hammer.js、lrz.all.bundle.js。（这3个js扩展库在我给的demo下载地址里是一起给的）。下面是简单实用的源代码：
