版权声明:本文为 zzwwjjdj1(意外金喜) 原创文章,非商用自由转载-保持署名-注明出处,谢谢。 https://blog.csdn.net/zzwwjjdj1/article/details/84565294
在微信小程序中使用canvas绘制海报的时候,发现有多种不同的样式文字时,
保存canvas内容为图片,出现各种文字样式错乱。
------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
多次测试后发现,wx.canvasToTempFilePath()这个方法不只需要在ctx.draw回调中执行,还需要setTimeout
一定时间才能保证保存的图片是自己程序预期的样子。
回调写法:
ctx.draw(false, () => {
setTimeout(() => {
wx.canvasToTempFilePath();
}, 100)
})
async、await 写法:
await new Promise((resolve, reject) => ctx.draw(false, () => setTimeout(() => resolve(), 100)));
wx.canvasToTempFilePath();
预期图片:
意外金喜的博客:http://blog.csdn.net/zzwwjjdj1
更多小程序文章:http://blog.csdn.net/zzwwjjdj1/article/details/79351547