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

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

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

可以使用微信小程序中的“九宫格照片拼图”进行分割，步骤如下：

所需材料：微信、手机。

一、首先在微信的“发现栏”内点击上方的“小程序”选项。

二、进入小程序后，点击上方的搜索栏，输入“九宫格照片拼图”点击搜索，接着点击下方第一个“九宫格照片拼图”。

三、进入九宫格照片拼图后，点击“切图，一键切九格图”选项。

四、这时会进入九格切图界面，然后点击屏中间的“+”号，添加所需切九格的图片。

五、添加完图片后会自动切割为九宫图，这时点击屏幕最下方的“保存”即可保存入手机的图库。

六、然后会d出切割后的图片预览和分享页面，在这里可以“分享给好友”，或是“继续切图”。

相关介绍：

九宫格，一款数字游戏，起源于河图洛书，河图与洛书是中国古代流传下来的两幅神秘图案，历来被认为是河洛文化的滥觞，中华文明的源头，被誉为"宇宙魔方"。

相传，上古伏羲氏时，洛阳东北孟津县境内的黄河中浮出龙马，背负"河图"，献给伏羲。伏羲依此而演成八卦，后为《周易》来源。又相传，大禹时，洛阳西洛宁县洛河中浮出神龟，背驮"洛书"，献给大禹。大禹依此治水成功，遂划天下为九州。

---