【Vue】移动端图片裁剪组件--vue-imgcut

移动端图片裁剪组件–vue-imgcut

安装

npm install vue-imgcut --save

GitHub地址

使用说明

template模板中

【Vue】移动端图片裁剪组件--vue-imgcut_第1张图片
【Vue】移动端图片裁剪组件--vue-imgcut_第2张图片

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

【Vue】移动端图片裁剪组件--vue-imgcut_第3张图片

编写方法

在这里插入图片描述
在这里插入图片描述
console.log(this.$el.querySelector(".file"))

在这里插入图片描述
在这里插入图片描述
【Vue】移动端图片裁剪组件--vue-imgcut_第4张图片
【Vue】移动端图片裁剪组件--vue-imgcut_第5张图片

实现效果

【Vue】移动端图片裁剪组件--vue-imgcut_第6张图片

你可能感兴趣的:(Vue.js,vue,图片裁剪工具)