Skip to content

scCropper 图像剪裁

重新封装了cropperjs,使得使用更加方便,并且加入图像压缩功能。大部分使用方式是在上传文件前打开裁剪弹窗,处理完毕后再上传文件。

scUpload组件已经内置了裁剪功能

  • 固定剪裁比例
  • 实时预览
  • 支持设置图像压缩率
  • 支持导出Blob,File对象

演示地址

演示地址需模拟登录高权限角色后查看

Props

参数说明类型可选值默认值
src图像地址String--
aspectRatio固定剪裁比例 比如1/1, 4/3, 16/9Number-NaN
compress压缩率 范围0.1-1Number-1

Methods

方法名说明参数
setAspectRatio重新设定剪裁比例aspectRatio
getCropData获取裁剪后的数据cb,type (文件类型,默认image/jpeg)
getCropBlob获取裁剪后的 Blobcb,type
getCropFile获取裁剪后的 Filecb,fileName,type