【微信小程序】图片裁剪 前端裁剪 后端裁剪

微信小程序裁剪组件，支持前端裁剪和后端裁剪两种方式

1.前端裁剪：将裁剪框指定的区域，单独生成图片，获取裁剪图片的临时文件路径

2.后端裁剪：获取裁剪框相对于原图的像素坐标位置，将裁剪区域坐标以及原图临时文件路径，传到后端进行图片裁剪

https://gitee.com/gnliscream/image-cropper

使用微信小程序自定义组件开发

小程序自定义组件官网： https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html

添加image-cropper标签，如下

可以在image-cropper标签内添加 *** 作按钮，如下

首先需要在onLoad方法中，设置裁剪标签属性

然后添加按钮相应的绑定方法

获取到的res如下

获取到的裁剪参数的对应关系图

获取到裁剪参数后，将原图以及裁剪参数传到后台进行裁剪

2.获取裁剪图片地址

获取到的res如下

可以使用微信APP的剪切小程序对视频多余的内容进行剪切，步骤如下：

需要工具：手机、微信APP、视频裁剪切小程序

一、先微信搜索视频裁剪切小程序。

二、打开小程序，点击选择视频按钮。

三、点击裁剪按钮，对视频进行画面裁剪，裁剪框可以自由移动、大小可以自由调整。

四、选择想要的部分进行裁剪，调整好裁剪框点击确定。

五、视频画面裁剪好了，点击保存即可预览效果。

---