2019-05-21

image

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

vue-cropper

image

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

vue-cropper

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

安装：

npm i vue-cropper

使用方法：

import VueCropper from 'vue-cropper'

Vue.use(VueCropper)

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

以上是具体的代码实现

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

安装：

npm i vue-cropper

使用方法：

import VueCropper from 'vue-cropper'

Vue.use(VueCropper)

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

以上是具体的代码实现