更新记录
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格式的图片

收藏人数:
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(0)
下载 55
赞赏 0
下载 10646558
赞赏 1793
赞赏
京公网安备:11010802035340号