做后台时客户给出一个要求：管理员在上传图片之前可以对图片进行裁剪，即只上传图片的指定局部，刚开始还想让大神指点一下写个简单的功能先，结果在网上一搜才发现，原来layui有一个叫cropper的第三方图片裁剪插件，看文档还是挺方便的，于是抱着学习（偷懒）的心态，我决定选择这个cropper实现需要 ...

1.先下载核心文件：https://github.com/fengyuanchen/cropper 2. 3.对于index.html文件 4.对于main.js文件 5.对于crop.php文件 ...

先看实现效果图： 点击头像上传触发上传操作： 选择图片之后：旋转；复位： 设置要截取的图片： 点击确认截取： 接下来说实现过程： 首先图片截取用的是cropper.js，这里用的是修改过的配合layui使用的，给出源码地址： 链接地址：https ...

问题描述： 　　使用 cropper.js 剪裁图片时， 调用 toBlob() 方法报错 　　报错信息： 　　Uncaught TypeError: $(...).cropper(...).toBlob is not a function 解决方法 ...

vue-cropper的GitHub项目地址：https://github.com/xyxiao001/vue-cropper。有兴趣的可以更深入的研究其他功能，这里只做参考用，最终效果如下 注意：当前功能是在使用了iview的基础上实现的效果 ...

因为一个项目要做一个头像上传的功能，因此选择了使用jquery的头像插件cropper，cropper是一款使用简单且功能强大的图片剪裁jQuery插件，但是在使用的时候，有一个很大的坑需要注意，那就是当上传的文件不需要转换成base64传输给后台的时候，使用FormData对象异步上传 ...

插件下载地址及文档说明 1.引入必要的js和css核心文件 2.构建html，可以将图片或canvas直接包裹到一个块级元素中。small时预览框 3.初始化插件及相关参数 ...

<template> <div style="display:flex;"> <div class="info-ite ...