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

Cropping

小程序码

组件介绍

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

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

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

git地址

软件架构

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

使用说明

目录结构

image

使用步骤

1.下载组件源代码，放入小程序里自己定义的组件文件夹(例如/component)

2.创建图片裁剪界面(例如/pages/image)

3.image.json引入image-cropper组件

{

"usingComponents": {

"image-cropper":"/component/image-cropper/index"

}

}

4.image.wxss设置背景色为黑色

page{

background-color: black;

}

.white{

color: #fff;

font-size: 30rpx;

}

.black{

color: #333333;