插件
点击查看插件文档
Vue3使用示例
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/f0079105636915443bbd5664ed474bda.png)
<VueCropper
ref="cropper"
autoCrop
centerBox
autoCropWidth="150"
autoCropHeight="150"
mode="cover"
img="https://img2.baidu.com/it/u=319942725,1200436631&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
:outputSize="1"
outputType="jpeg"
></VueCropper>
import 'vue-cropper/dist/index.css'
import { VueCropper } from "vue-cropper";
const cropper = ref()
function changeImg(){
cropper.value.getCropData(data => {
console.log('base64',data)
})
cropper.value.getCropBlob(data => {
console.log('blob',data)
})
}