【文件属性】：
文件名称：Vue图片上传剪裁组件 AppCropper.zip
文件大小：3KB
文件格式：ZIP
更新时间：2020-04-25 22:07:00
Vue 图片剪裁
基于vue封装的Cropper图片剪裁组件，cropperjs是一款非常强大却又简单的图片裁剪工具，它可以进行非常灵活的配置，支持手机端使用，支持包括IE9以上的现代浏览器。（关键是使用方法简单，几行代码就可以搞定）
实践效果图
如图，可以对指定的图片进行裁剪，可以自己选择裁剪的交互方式，如大小、纵横比等 还可以预览裁剪区域，确认裁剪后可以生成一个包含裁剪图的canvas对象，借助canvas的toDataURL方法可以生成一张Base64格式的图片。还有另外一种不使用canvas的方式，利用该工具丰富的api可以拿到裁剪区域相对于原图的各项数据，使用这些数据进行css绝对定位即可展示裁剪后的图，该方式可以保证图片不失真和完整。
【文件预览】：
AppCropper
----index.vue(9KB)