基于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
传送门
相关文章推荐
- vue-image-crop基于Vue的移动端图片裁剪组件示例
- 基于Vue的移动端图片裁剪组件功能
- wc-swiper:基于 Vue 实现的 移动端图片轮播组件
- 基于vue的移动端图片裁剪压缩处理
- 基于cropper.js封装vue在线图片裁剪组件
- vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
- 基于 Vue.js 的移动端组件库mint-ui
- vue移动端裁剪图片结合插件Cropper的使用
- 基于Vue的图片放大镜组件封装
- 滴滴开源基于 Vue.js 的移动端组件库 cube-ui
- cropper js基于vue的图片裁剪上传功能。
- 利用Vue实现移动端图片轮播组件的方法实例
- 基于touchJS的移动端图片裁剪上传
- 一个基于Vue的移动端多文件上传插件,支持常见图片的上传。
- Mint UI -- 基于Vue.js的移动端组件库
- 基于 Vue.js 的移动端组件库mint-ui实现无限滚动加载更多
- vue移动端裁剪图片结合插件Cropper的使用
- 基于cropper.js封装vue实现在线图片裁剪组件功能
- 一个基于react的图片裁剪组件示例
- Mint UI 基于 Vue.js 移动端组件库