微信小程序源码，完整实现图片裁剪功能。 可以自由拖动裁剪框和手动调整裁剪尺寸，实时显示裁剪尺寸大小，准确完成图片裁剪功能，并且能够恢复原始图片，不会丢失原图。 提供完整源码，能够直接在小程序里正常运行，纯前端代码（canvas画布裁剪），非常简洁，并附有详细的注释、说明重点实现路径和技术细节。 可供小程序初学者或者需要处理图片功能的开发者使用，可在图片上传、头像制作、固定尺寸图片要求等场景下使用。 也能够基于当前源码，进行小程序的组件封装，扩展更多可用的功能。

1、点击图片上传按钮时，跳转页面到cropper进行图片选择剪切 wx.navigateTo({ url: `/pages/cropper/cropper?disable_width=true&disable_height=true` }); 2、/pages/cropper/cropper页面会直接弹出选择拍照还是本地图片上传，当取消后会返回到上一层 3、页面会进行图片编辑操作，操作好后，通过上传按钮，将本地图片路径先存储到公共app.globalData里面，然后跳转到上一层（主页面）。 4、主页面onshow检索到app.globalData页面路径是否不为空，不为空后将调用上传方法，将路径传递给服务器（不懂的可以查找我主页上传图片的文章） 5、上传成功后，将app.globalData页面的参数清空即可。 6、实现操作简单，方便快捷为用户手机操作图片，进行图片的统一展示。 7、可以拍摄或选择本地图片上传图片数据。 8、图片上传数据可以进行裁剪、选择、取消、裁剪后预览、上传以及限制大小，还可以缩放操作，需要的可以解除限制即可。

图片编辑小程序--HiPhoto 全能、便捷的图片编辑工具。实现了图片裁剪、添加文字、涂鸦、拼长图、拼相框等图片编辑功能，另外还有一个简易的表情包制作功能。 扫描下面的微信小程序码，体验该小程序。 目录 使用代码 下载并安装，使用微信号扫码登录开发者工具。 打开微信开发者工具，点击“小程序项目”按钮，输入小程序 AppID，项目目录选择下载的代码目录，点击确定创建小程序项目。 功能实现 一、图片裁剪 裁剪界面由image组件和裁剪框组成。image组件用来显示用户载入的图片；裁剪框在用户点击裁剪框按钮后浮动显示在图片上，裁剪框的遮罩效果通过背景颜色透明以及盒阴影（box-shadow）实现。 在image组件上检测触摸事件，通过事件对象判断触摸点数，单点触摸时通过获取手指移动距离实现图片的自由拖动，两点触摸时，通过获取两点之间的距离计算图片缩放比例，实现图片自由缩放。 在裁剪框上检测触摸事

微信小程序图片裁剪组件，支持1:1，16:9，4:3，2:3，自定义，可按比例与尺寸裁剪，可裁剪成矩形，圆形

微信小程序图片裁剪we-cropper工具