基于Vue的移动端图片裁剪组件(vue-imgcut)
vue-imgcut安装npm install vue-imgcut –save使用说明<imgCut ref="Uppicinput" @callback="callback" :width="200" :height="200"><div>上传按钮&l
·
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
更多推荐
已为社区贡献1条内容
所有评论(0)