taro-cropper 图片裁剪

背景

最近使用taro框架开发小程序的时候，需要开发一个图片裁剪的页面，在这里记录分享一下；

项目地址

npm安装文档地址

建议将源码下载下来自己试一试；

具体使用

我刚开始是按照文档一步步配置的，但是，运行起来一直报错，由于太菜了，也整不明白是为啥；

我的解决方案就是，是想用它裁剪的功能吗，所以把源码下下来，然后从源码src-->components-->taro-cropper,直接将文件夹下对应的文件，copy到项目的组件库里，然后在需要使用的页面引入该组件；

问题完美解决

关于具体属性的含义，可以自行查阅文档；

<TaroCropperComponent

fullScreen

cropperWidth={400}

cropperHeight={400}

themeColor='#0f0'

src={src}

finishText='确定'

onCut={handleCutImage}

onFail={handleCutError}

hideCancelText={false}

onCancel={() => {

// 返回上一页

Taro.navigateBack({

delta: 1

})

}}

/>