data img

关于微信小程序 canvas 裁剪图片 放大 缩放功能

喜你入骨 提交于 2020-05-05 15:45:09
1 关于微信小程序裁剪 放大任务功能 第一步 先明确需要做成什么样的功能,目标需要明确。我们这边的需求就是上传一次图片进行裁剪 canvas 生成后图片直接进行商家购买<br> 第二步 裁剪的过程注意网络加载情况,可能上传一张图片有几兆这个时候需要 给他一个等待时间,防止用户重先提交,导致信息不同意,这个时候我们要做的就是加一个loging 第三步 生成后需要对图片进行处理,好了直接上代码。 创建一个文件夹,直接进行perbig文件夹 在js中我们直接进行变量的更新更业务操作 有些变量不需要 这个按照自己的情况进行获取 data:{ ratio: 750 / 750, //剪裁比例 originUrl: '', //原始图片url cropperResult: '', //变化后结果 windowWidt:'', originShow: '', cropperResultShow:'', originImgPics:'../../lib/images/shade.png', //背景图 base64: '', //base64 cartypeId:'', // 车型id carColorId:'', // 颜色ID windowWidt:'', topImg:'', ismove:false, containerHeight:0, diffX:0, diffY:0,