首先下载插件we-cropper 链接:https://github.com/we-plugin/we-cropper
放入到你想要放的文件夹里面
然后:在你需要用的页面的js里面引入这个插件js
// 这些都要放进去,不能少
import WeCropper from '../../utils/we-cropper/we-cropper.js'
const device = wx.getSystemInfoSync()
const width = device.windowWidth
const height = device.windowHeight - 100;
再在data里面写
// 切图部分
isShear: false, // 这个时设置剪切图片的弹框是否显示
// 需要注意的一点就是你的显示范围,或者说是你的截取宽高,裁剪宽高;
// 我的是要求750*300的尺寸,你除2就行,x,y,width,height都要改
cropperOpt: { //基础设置
id: 'cropper',
width,
height,
scale: 2.5,
zoom: 8,
cut: {
x: (width - 375) / 2,
y: (height - 150) / 2,
width: 375,
height: 150
}
},
**在 onLoad 里面写 以下代码**
// 切图部分
const {
cropperOpt
} = _this.data
ne