使用vue实现的图片裁剪上传

前几天遇到一个上传头像的需求 但是上传的图片可能会存在位置问题，导致上传的图片不能正常的显示出来于是就想着使用vue来写一个图片裁剪上传的demo 我使用的是vue-cropper

## vue-cropper

vue-cropper是一个能够通过canva裁剪图片的js工具库。

安装：

`npm i vue-cropper `

使用方法：

```js

import VueCropper from 'vue-cropper'

Vue.use(VueCropper)

```

我们再main.js引用后就可以使用了

```

```

以上是具体的代码实现