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

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

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如下

把照片弄成358×441的方法如下：

工具／原料：vivoS9、OriginOS1.0、微信8.0.20。

1、搜索小程序

打开微信后搜索小程序【照片大小修改】。

2、点击修改尺寸

进入小程序后点击修改尺寸。

3、修改像素

选择图片后输入像素值358x441。

4、点击制作

输入完像素值之后点击制作。

5、裁剪图片

裁剪完点击确定裁剪。

6、保存图片

点击保存即可。

手机不能将图片切割成几张图片。需要借助微信来进行切割，具体的 *** 作如下：

1、首先在手机桌面找到“微信”并打开在右下角有个“发现”按钮并点击，然后找到“小程序”点击进入；

2、在搜索栏输入“九宫格照片拼图”并点击下面的“九宫格照片拼图”小程序；

3、进入该界面后，在右下角有个“切图”图标并点击进行下一步 *** 作；

4、进入“九格切图”界面后，点击中间的“+”符号添加需要切割的图片；

5、然后勾选需要切割的图片点击左上角“完成”按钮进行下一步 *** 作；

6、点击“完成"按钮后，在该界面可以选择需要切割图片的形状并点击”保存“按钮；

7、点击”保存“按钮后，会d出一个九宫格照片拼图制作申请获取保存图片到手机相册的权限点击”允许“按钮即可；

8、最后切割好的图片就保存到手机相册里了。

---