详细链接:https://developers.weixin.qq.com/community/develop/doc/000ac078a40410da8ce7be33c56c06

组件GitHub 地址

https://github.com/yunlzhang/miniprogram-cropper-component
成品就是酱紫的啦!!!

1.先把组件下载下来放入项目的component文件夹中

将要使用的组件

2.在需要使用该组件的页面注册该组件 在该目录的json文件中引入组件 index.json

引入组件

3.在该目录的wxml文件中使用组件 index.wxml

使用组件

组件接收的参数:
imageScale(String) : 要裁剪的图片地址,基本上市本地图片地址

enablseScale(Boolean): 是否开启等比例裁剪 可选参数

ratio(Number): 裁剪比例 默认为1 可选参数

cropperDone(Function):裁剪成功的回调

cropperCancel(Function): 裁剪取消的回调

cropperFail(Function):裁剪失败回调

4.在该目录的js文件中写上事件处理函数 index.js

写方法

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐