更新记录
1.0.7(2023-04-03) 下载此版本
发布示例项目
1.0.6(2023-03-29) 下载此版本
修复图片宽高计算错误的bug
1.0.5(2023-03-28) 下载此版本
的
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | × | √ | √ | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
lw-image-edit 利文图片编辑组件
点击取消不执行任何操作
点击确认触发onResult事件,事件返回值为base64格式图片
使用方法
本组件遵循uni_modules开发规范,无需引入即可直接使用
将本文件解压之后放在uni_modules目录下即可
本例使用的图标文件均在组件目录下的static目录中,将static目录下的静态文件移动到全局的static目录下即可
组件参数说明
参数名 | 参数类型 | 默认值 | 是否必传 | 参数说明 |
---|---|---|---|---|
ratio | Array | [[1, 1]] | 否 | 值为二维数组,数组的每一项表示图片裁剪比例 |
path | String | '' | 是 | 要编辑图片的url |
maxSize | Number | 1000 | 否 | 保存时图片的最大宽度或高度 |
cutDisabled | Boolean | false | 否 | 是否禁用图片比例调整 |
showReset | Boolean | true | 否 | 是否显示重置编辑图片功能 |
showRotate | Boolean | true | 否 | 是否显示旋转编辑图片功能 |
showReverse | Boolean | true | 否 | 是否显示翻转编辑图片功能 |
组件事件说明
事件名称 | 返回值 | 事件说明 |
---|---|---|
onResult | String | 点击保存时触发,返回值为base64格式的图片 |
组件方法说明
方法名称 | 返回值 | 方法说明 |
---|---|---|
open | undefind | 显示图片编辑面板 |
close | undefind | 关闭图片编辑面板 |
组件返回值说明
组件返回值为base64格式的图片