前端开发过程中相信大家应该都遇到过图片上传的问题，尤其是遇到千人千图千种规格，那最好的解决方法就是在上传过程中设定一定规格的裁剪功能，这样更能达到预期的效果。所以今天写一篇关于cropper.js图片裁剪插件的用例。当然，今天是基于它的V1版本的v1.5.12做的案例，cropper目前最新的是V2(Beta)版本，后续也会做一个关于v2版的用例。
本次的用例主要是用于移动端图片选择，以及相机拍照后的图片选择裁剪功能。详细代码请往下看，具体效果图请看文章末尾。
首先我们需要知道怎么使用cropperJs(V1)，当然这也是基础。
安装
安装方法有两种，npm安装和浏览器直接引入方法：
npminstallcropperjquery
或者：
linkl="stylesheet"hf="css/cropper.css"scriptsrc="js/jquery.js"/scriptscriptsrc="js/cropper.js"/script//或者用cdn引入的方法linkl="stylesheet"hf="