微信小程序基于canvas的图片裁剪组件
"disableScroll": true,
"usingComponents": {
"cropper": "/components/cropper/cropper"
}
}
<cropper wx:if="{{imageSrc}}" image-src="{{imageSrc}}" bind:saveImg="saveImg"></cropper>
Page({
data: {
imageSrc:''
},
onLoad(e){
this.setData({
imageSrc: e.imageSrc
})
},
saveImg(e){
wx.redirectTo({
url: `../test/test?imageSrc=${e.detail}`
})
}
})
- 保证图片质量,也可以选择压缩图或原图
- 支持图片放大缩小
- 支持图片移动
- 修复图片无法保存到本地问题