（实现功能如下图）1、首先下载npminstallvue-img-cutter--save-dev2、页面引入importImgCutterfrom'vue-img-cutter'exportdefault

添加链接描述演示地址，可生成对应组件属性：添加链接描述一、选择图片时直接实现裁剪功能1、安装npminstallvue-img-cutter--save-dev2、引入importImgCutterfrom'vue-img-cutter'exportdefault

上传文件使用的是WebUploader，可分片、并发、文件体积大时支持MD5秒传地址：http://fex.baidu.com/webuploader/思路：初始化上传组件，使用vue-img-cutter

VUE图片裁剪功能vue-img-cutter前言：演示地址兼容IE9+,MSEdge,Chrome,Firefox两种展现形式，行内或弹窗可旋转、缩放图片任意比例、大小裁剪固定比例、大小裁剪支持远程图片裁剪

/github.com/acccccccb/vue-img-cutter1.安装npminstallvue-img-cutter--save-dev2.引入注册importImgCutterfrom'vue-img-cutter'exportdefault

版本:"electron":"^13.6.9"vue-img-cutter地址vue-img-cutter:简单易用的vue图片裁剪插件，支持移动图像，裁剪图片，放大缩小图片，上下左右移动，固定比例，固定尺寸

借助vue-img-cutter可以在网页端实现图片裁剪功能，最终功能效果如下：组件npm安装npminstallvue-img-cutter@2--save-dev#forvue2npminstallvue-img-cutter

在做web前端开发的时候，你一定遇到过这样的业务场景，上传用户头像的时候，需要将图片进行裁剪等操作，这个时候，我们一般会用到第三方插件。如果自己造轮子的话，就太慢了，耽误时间不说，搞不好还要留下来加班。这里就推荐一个简单易用的vue图片裁剪插件，支持移动图像，裁剪图片，放大缩小图片，上下左右移动，固定比例，固定尺寸，远程图片裁剪，只需要很少的代码就可以实现裁剪功能，也可以通过调整参数以适应你自己的

vue图片裁剪插件：vue-img-cuttervue-img-cutter是一个简单易用的vue图片裁剪插件，支持旋转、缩放、平移，固定比例，固定尺寸，远程图片裁剪，只需要很少的代码就可以实现裁剪功能，也可以通过调整参数以适应你自己的业务需求Github：https://github.com/acccccccb/vue-img-cuttergitee：https://gitee.com/glue

支持任意尺寸裁剪和等比例裁剪，可以旋转缩放图片，支持远程图片裁剪，使用非常简单，几步就可以项目地址：https://gitee.com/GLUESTICK/v...预览地址：https://ihtmlcss.com/demo/dis...安装npminstallvue-img-cutter--save-dev将ImgCutter.vue文件引入项目：importImgCutterfrom'vue-