生产要求：
因为我听到的弹出图像和保存的图像有两种尺寸，所以我最初在互联网上阅读了一些其他教程，建议是创建两张画布，一张较大，一张较小。 实际过程中，使用大画布偏离窗口显示区域（不可见），生成临时文件。 弹窗的图片使用img组件引入临时文件并设置其高度； 保存时，是直接下载临时文件。
其实是实现了，但是后来在优化的过程中，这个方案也被重新设计了。 下面详细介绍优化方案：
由于最终海报图片的尺寸是iPhone 6（750*1334）的两倍，所以这里弹窗中的图片也是画布的大小，并被设计成对应规格的一定比例。
弹出图片的高度=窗口的高度-上下空白-按钮的高度-图片与按钮的距离
img高度=100vh-40rpx*2-50rpx-15rpx
弹出图片的长度/弹出图片的高度=750/1334
弹出图片的长度 = (750/1334) * 弹出图片的高度
因为像素只能是整数，这样勾勒出的图片顶部可能会有1px的空白，所以设置高度的时候可以减去1px。 这不会影响视觉效果。
轮廓背景图像
如果是互联网图片，则必须先下载该图片，然后才能绘制背景图片。 您可以通过wx.getImageInfo或wx.downloadFile下载图像。 下载成功后插入到临时地址中，然后使用wxcanvas的drawImage进行绘制。 注意图片格式不能是gif。
轮廓二维码
在绘制了二维码并更改了几个库后，Android下生成的每个二维码都会频繁失败。 查了很多资料，据说Android在画图的时候需要设置一个setTimeout小程序生成微信海报的网站，所以最后选择了weapp-qrcode，改变了它的画图功能，减少了setTimeout（不说了，添加二维码画图成功了） ）。
ctx.draw(false, function (e) {
setTimeout(() => { // 修改增加的
options.callback && options.callback(e)
}, 20);
})
另注：目前这种绘制小程序二维码的库是在单独的新画布中完成的。 只要稍微改动一下源代码，就可以提供另一个socket，直接在现有的canvas（即画布）中。 开头的其他内容中已有概述）。
如果无法扫描二维码，则说明二维码有问题。 但Android Momo版本6.7.2存在一个bug。 二维码本身没有问题，但是无法识别。 不过只要升级Momo版本就可以了。
保存图片
性能说明
经过实际测试，整个绘制过程还是很快的，而且如果有临时文件保存操作（wx.canvasToTempFilePath），这个操作通常需要一半左右的时间。 另外，还有一个measureTextapi，用于检测文本的宽度。 这在实现手动换行时使用，并且会消耗更多的性能。
以上就是本文的全部内容。 希望对您的学习有所帮助小程序生成微信海报的网站，也希望您多多支持脚本之家。
