小程序上传图片前将图片剪切成固定尺寸

首先下载插件we-cropper 链接:https://github.com/we-plugin/we-cropper
放入到你想要放的文件夹里面
以上时我的文件目录
然后:在你需要用的页面的js里面引入这个插件js

// 这些都要放进去,不能少
import WeCropper from '../../utils/we-cropper/we-cropper.js'
const device = wx.getSystemInfoSync()
const width = device.windowWidth
const height = device.windowHeight - 100;

再在data里面写
   // 切图部分
    isShear: false,  //  这个时设置剪切图片的弹框是否显示
  //  需要注意的一点就是你的显示范围,或者说是你的截取宽高,裁剪宽高;
 //  我的是要求750*300的尺寸,你除2就行,x,y,width,height都要改
    cropperOpt: {  //基础设置 
      id: 'cropper',
      width,
      height,
      scale: 2.5,
      zoom: 8,
      cut: {
        x: (width - 375) / 2,    
        y: (height - 150) / 2,   
        width: 375,
        height: 150
      }
    },

**在 onLoad 里面写  以下代码**
 // 切图部分
    const {
      cropperOpt
    } = _this.data
    ne
  • 6
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值