微信小程序之实现两张图片合成一张并保存到相册

不喜欢看废话的小伙伴，可以直接看图片下面的文字和注意事项 实现是没问题的。

应用场景：

项目中，每个用户都会生成自己专属的小程序码，当用户扫描这个小程序码的时候，默认这个用户就会成为你的好友，，嗯，举个身边的例子，比如现在最火的 [邀好友领红包]，通过扫描二维码确定绑定关系。（不要纠结为啥放这张图片，因为刚好昨天我妹妹发我，让我给她扫一扫，?栗子放在这里 感觉会更加清楚一点，有点广告嫌疑 哈哈哈哈 可以忽略 ）。

在小程序中，我们可以生成带参的小程序码，但是呢，这个小程序码是一张小程序码图片，如果想要和产品放在一张图上，前端不做，后端做，反正总要有人做，然后，，决定让前端来做。ok，动起来，开始干。

结合文档和度娘，发现可以用canvas来实现，发现用两个函数就可以搞定， CanvasContext.drawImage画出你想画的图片
wx.canvasToTempFilePath把画布的内容输出为图片

实际效果：

两张独立的图片，根据需要绘制在指定位置，合成一张图片，并保存到相册。

注意事项：

CanvasContext.drawImage

drawImage(imageResource, dx, dy)
drawImage(imageResource, dx, dy, dWidth, dHeight)
drawImage(imageResource, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) 从1.9.0 起支持

imageResource,绘制的图片的路径，必须是本地图片，如果是网络图片，必须用wx.downloadFile获取本地图片的缓存后再绘制。
dx、dy图片的位置，画布左上角为原点(0,0),注意是画布的坐标原点而不是以手机屏幕为准。
dWidth, dHeight绘制图片的宽高，即你想把这张图片画多大，如果想要绘制原图，则通过 wx.getImageInfo获取图片的尺寸信息，直接