更新记录
1.0.1(2025-12-12) 下载此版本
- VUE3精准图片裁剪组件
- 解决裁剪图片差1-2PX带来的焦虑
平台兼容性
uni-app(4.71)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| × | √ | √ | √ | √ | - | - | - | × |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | × | - | - | - | - |
mo日期组件
组件名:mo-cropimg 代码块:
mo-cropimg
mo图片裁剪组件,不支持VUE2
功能特性:
优化算法,解决按比例裁剪图片总是差1-2PX的问题
图片可拖拽位置进行裁剪,暂不支持任意调整尺寸。
网络图片裁剪未测试,本地图片裁剪正常。
[使用文档]
| 名称 | 类型 | 说明 |
|---|---|---|
| imageSrc | 属性-string | 图片地址 |
| ratio | 属性 | 比例,在外部定义传入字符串,如'2/3' |
| @change | 事件file | 返回图片裁剪后的临时地址 |
[使用示例]
<view style="padding: 20px;">
<mo-cropimg ref="cropRef" :src="imageSrc" :ratio="ratio" @change="cropchange"></mo-cropimg>
</view>
const imageSrc=ref(null),ratio=ref(2/3);
const cropchange=(file)=>{
console.log('已裁剪的图片',file)
}
经真机APP和模拟器测试,IOS模拟器测试,图片比例误差为0,小程序暂未测试,大家可自行测试。

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