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