cropper固定宽高裁剪_GitHub - UnknownShadow/wx-cropper: 通用微信小程序图片裁剪组件，支持宽高比例约束裁剪。...

wx-cropper

通用微信小程序图片裁剪组件，简单易用，帮助快速开发图片裁剪功能，支持自定义约束宽高，适用于头像或其他需要特定长宽比图片的场景。

裁剪效果预览图

用法

下载源码，pages/cropper/目录拷贝到项目中。

1、在json文件中添加cropper组件

{

"usingComponents": {

"cropper":"/pages/cropper/cropper"

},

"disableScroll": true

}

2、wxml页面文件中

取消

确定

3、在onLoad中初始化组件

cropper = this.selectComponent('#cropper');

cropper.fnInit({

imagePath:'/assets/test.jpg', //*必填

debug: true, //可选。是否启用调试，默认值为false。true：打印过程日志；false：关闭过程日志

outputFileType: 'jpg', //可选。目标文件的类型。默认值为jpg，jpg：输出jpg格式图片；png：输出png格式图片

quality: 1, //可选。图片的质量。默认值为1，即最高质量。目前仅对 jpg 有效。取值范围为 (0, 1]