基于Vue的移动端图片裁剪组件（vue-imgcut）

vue-imgcut

安装
npm install vue-imgcut –save

使用说明

<imgCut ref="Uppicinput" @callback="callback" :width="200" :height="200">
    <div>上传按钮</div>
</imgCut>
<img :src="imgsrc">

import {imgCut} from 'vue-imgcut'

export default {
    data(){
        return{
            imgsrc:'',
        }
    },
    components:{
        imgCut
    },
    methods:{
        callback(img){
            this.imgsrc=img
            //console.log(imgss)
        }
    }
}

callback :回调函数 img 是base64字符串
width: 截取宽单位px
height :截取高单位px

传送门