更新记录

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,小程序暂未测试,大家可自行测试。

如使用过程中有任何问题,或者您对此组件有一些好的建议,欢迎联系微信:actioniing

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。