前言

今天有个需求,需要做一个图片上传的裁剪功能,于是我查找了layui的扩展组件,发现了easyCropper这个扩展插件,文档看似简单,用起来发现源码有点问题,废了一点心思才弄好

使用

1. 资源

   layui文档地址
   https://fly.layui.com/extend/easyCropper/
   gitee地址
   https://gitee.com/daysurprise/easyCropper
   资源文件下载
   https://www.aliyundrive.com/s/UkNV587CyYd

2. 下载资源文件,复制进自己的项目

   注意: 如果你下载的不是我提供的资源,你还需要去修改cropper.css的所有cropper为easyCropper(这是个大坑,一定要注意,不然你会发现样式发生错乱)
   

3. 修改easyCropper.js中项目地址和css地址