vue-cropper 截取图片

上一篇写了一个获取file地址的例子，这次总结一个vue-cropper 截取图片的例子吧。文章书写粗糙，都是工作中的积累。不喜勿喷哈。

<template>

<div class="photo-cropper">

<vue-cropper

ref='cropper'

:guides="true"

:view-mode="2"

drag-mode="crop"

:auto-crop-area="0.5"

:min-container-width="200"

:min-container-height="180"

:background="false"

:rotatable="true"

:src="value"

alt="Source Image"

:img-style="{ 'width': '100%', 'height': '100%' }">

</vue-cropper>

</div>

</template>

 

<script>

import VueCropper from 'vue-cropperjs'

import Compressor from 'compressorjs'

 

export default {

compone