插件
点击查看插件文档
Vue3使用示例
<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)
})
}