您的位置:首页 > 移动开发

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

2018-02-09 01:18 1116 查看

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

传送门
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息