使用cropper.js裁剪图片，通过canvas获取裁剪后的图片，获取的是base64图片上传。

首先使用cropper.js插件，能够将剪裁后的图片返回为base64编码，后台根据base64编码解析保存图片。很使用的例子,适合图片剪裁上传

最近小编在做一个裁剪头像的功能，下面小编把使用cropper.js裁剪头像的实例代码分享到脚本之家平台，需要朋友参考下吧

Cropper也是一款图片裁剪jQuery插件，stars数量1k+，是杭州的前端工程师Fengyuan Chen所写的，功能也相当丰富，裁剪时还可以对原图进行旋转。 cropper.js,main.js,cropper.css,main.css

本案例是参考cropper站点实例，进行修改简化。接下来通过本文给大家分享Cropper.js 实现裁剪图片并上传(PC端) 功能，需要的朋友参考下吧

请在Tomcat上运行,手机测试手势 本版本,使用cropper.js+hammer.js 实现手势旋转拖拽放大缩小图片功能,在截取图片时 清晰度远远大于jcanvas版本.有截取框,点击截取canvas bug 设置截取框cropbox的高度 不能大于图片高度,不知道新版的croppper.js是否修复

基于 cropper.js h5（移动端）裁剪、放大、缩小、移动，图片的案例

cropper.js裁切插件，js插件，支持拖拽，缩放，裁切后的缩略图及上传等

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

感激原创，原本cropper是layui的一个插件。但一个页面只能有一个图片裁剪。 现在稍微改良了下，解决了页面有两个上传图片时，点击第一个后，关闭，再点击第二个时，第一个也会出现，并且无法关闭的问题。