...

1.引入cropperjs 在项目中安装cropperjs，npm地址：https://www.npmjs.com/package/cropperjs 2.封装成组件 组件中使用到了ant-design-vue中的图标，可自行更换 组件主代码 定义了一些属性，并向外暴露出剪裁方法 ...

一、html部分： 二、js部分（由于本项目用ts写的，差异的地方请各位自己调整下） ...

吐血研究一天 上网搜发现大家都在用一个叫vue-cropper的插件 1、安装vue-cropper 2、新建一个test.vue文件 其中，js/api.js文件是配置的接口地址 tips:formdata的运用 感谢https ...

最近自己在研究vue，然后做了一个小型的后台管理系统用来练手，开发过程中，想到了剪切图片上传用户头像的需求。上网百度了一番，发现好多用的都是vue-cropper。我也就用了，个人感觉还是挺好用的。现在在这里用一个简单的小demo演示一下vue-cropper的使用方法。 其中上传用户头像的接口 ...

今天做项目遇到需要做图片裁剪功能的，于是就上网找了一下资料，发现cropperjs这个用的比较多，所以就用了这个 主要内容： 新建一个js文件用于存放处理方法 官网使用个人觉得解释不明显，没有找到api，觉得这里的说明还比较多一点：https ...

1. 概述 1.1 说明 　　项目中为了保证图片展示效果以及分辨率高度匹配，需对图片的尺寸、大小、类型等进行控制；最大限度保证图片在网站、小程序、app端的展示效果保持一致。 1.2 思路 　　使用vue-cropper进行图片裁剪功能，使用iview组件Upload进行图片上传 ...

　　最近在做的这个项目非常重视页面的用户效果体验，要求用户注册时上传的头像自动生成圆形，这样做一来是为了好看，二来是让公司安卓、iOS那边可以直接使用用户头像，不用剪切。该功能我使用了plupload上传插件，然后通过查阅资料写了一个圆形切割的Java工具类，下面记录一下完成的过程 ...