更新记录

1.2(2023-03-31)

1.增加裁剪圆形图片 2.优化已知问题

1.1(2023-03-30)

  1. 调整ui
  2. 修复已知bug

1.0(2023-03-29)

初版

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

标题

使用说明

import imageCropping from '../../components/image-cropping'
components:{imageCropping}

<image-cropping
  v-if="imageUrl"
  :src="imageUrl"
  :isFixedSize="true"
  :ratioGroup="['4:3', '1:1']"
  @completed="cropCompleted"
  @cancel="cropCancel" >
  </image-cropping>

属性

属性 类型 默认值 备注
src String "" 需要裁剪的图片路径
ratioGroup Array [] 设置比例数组
isFixedSize Boolean false 是否固定裁剪尺寸大小
cropShape String 'rect' 裁剪的形状,rect:矩形;circular:圆形

事件

事件名称 说明 返回
completed 点击确定按钮 e:{tempFilePath}
cancel 点击取消按钮

其他说明

  1. 组件截图保存采用微信小程序离屏canvas实现(uni.createOffscreenCanvas),所以咱支持微信小程序组件
  2. 裁剪的图片默认导出为base64格式,为方便使用、上传图片,组件转换base64图片为临时路径(tempFilePath)

隐私、权限声明

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

读写文件系统

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

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

插件不采集任何数据

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问