主要介绍了vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能,本文图文并茂给大家介绍的非常详细，需要的朋友可以参考下

前端工作中，经常需要图片裁剪的场景，cropper.js是一款优秀的前端插件，api十分丰富。 本文是在vue-cli项目下封装图片裁剪插件，效果图如下： 话不多说，看步骤吧。 第一步：准备开发环境 cropper.js是基于jquery的，所以要先安装jquery 执行命令：   npm  install --save-dev jquery cropper  为webpack配置添加jquery的映射 修改webpack.base.conf.js配置，添加标红的一行 第二步：新建图片裁剪组