vue-cropper插件实现图片截取上传组件封装

基于vue-cropper插件实现图片截取上传组件封装的具体代码，供大家参考，具体内容如下

需求场景：

后台开发需要上传图片并进行相应比例尺寸图片的截取,本组件开发采用Ant Design Vue组件库搭配vue-cropper插件进行封装

实现如下

html

js

css

组件使用及说明

组件调用时需传入canEdit属性，指定组件是否启动图片选取后的裁剪功能，默认值为不启用裁剪；需裁剪时可传入fixedNumber属性，定义裁剪框的宽高比

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。