微信小程序一键抠图(进阶),抠图完成之后自定义背景合成新图并下载到本地

运行效果

在之前完成抠图的基础上,再上传一张背景图,将抠图和背景图进行合成,生成新图片保存到本地

功能介绍

利用百度ai人像分隔功能生成的白底图存储到本地之后,提示用户上传一张背景图,将背景图临时路径和白底图路径通过页面跳转参数传递到一个新的页面combine里,在此页面中首先获取屏幕宽度和两张图片的宽高,根据屏幕宽度分别对两张图片进行缩放,利用canvas绘图,首先绘制背景图,然后绘制白底图,完成之后将canvas保存到临时路径中,再将临时路径中的图片存储到本地相册中。

核心代码

参数传递

用户完成背景图片上传之后,将背景图路径和抠图之后保存的路径传递到combine页面,在combine页面中的onload里获取

conmbineTap: function (tempFile){
      let that = this    wx.navigateTo({
        url: '../combine/combine?imgUrl=' + that.data.filePath + '&img1=' + tempFile<
  • 3
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值