运行效果
在之前完成抠图的基础上,再上传一张背景图,将抠图和背景图进行合成,生成新图片保存到本地
功能介绍
利用百度ai人像分隔功能生成的白底图存储到本地之后,提示用户上传一张背景图,将背景图临时路径和白底图路径通过页面跳转参数传递到一个新的页面combine里,在此页面中首先获取屏幕宽度和两张图片的宽高,根据屏幕宽度分别对两张图片进行缩放,利用canvas绘图,首先绘制背景图,然后绘制白底图,完成之后将canvas保存到临时路径中,再将临时路径中的图片存储到本地相册中。
核心代码
参数传递
用户完成背景图片上传之后,将背景图路径和抠图之后保存的路径传递到combine页面,在combine页面中的onload里获取
conmbineTap: function (tempFile){
let that = this
wx.navigateTo({
url: '../combine/combine?imgUrl=' + that.data.filePath + '&img1=' + tempFile
})
},
01
图片尺寸获取
通过微信小程序的getImageInfo方法获取图片的宽高,根据设备尺寸来进行缩放
wx.getImageInfo({