小游戏Canvas绘制前被自动清屏

微信公开课小程序热门讨论关于「小游戏Canvas绘制前被自动清屏」的小程序开发问题
补充:小游戏Canvas绘制前被自动清屏
展开:第一次创建canvas自动上屏varcanvas=wxcreateCanvas()varctx=canvasgetContext(2d)绘制红色背景ctxfillStyle=redctxfillRect(0,0,canvaswidth,canvasheight)wxonTouchEnd((res)={触摸结束后绘制蓝色小方块ctxfillStyle=bluectxfillRect(100,100,200,200)})逻辑很简单吧期待结果：默认显示一个红色背景，点击之后在红色背景上绘制个蓝色小方块                                                                                          实际结果：模拟器正常显示期待的结果但是真机上点击之后红色背景不见了，只剩一个蓝色小方块，好像绘制之前被清屏了一样                                                                                          希望各位大佬们能给出原因及解决方案，先谢过即速小程序：今天我也遇到了同样的问题，根据两次渲染存在有时间差的现象，我使用setTimeout模拟延时调试了下，发现如果不在30ms内绘制完的话，就出现你描述中的问题；（看了下文档没找到具体原因）解决方案：使用离屏方式，例如：多余代码省略，varctx=canvasgetContext(2d)上屏varlip=wxcreateCanvas() varlipCtx=lipgetContext(2d) lipCtxfillStyle=d6bd9f lipCtxfont=18pxArial lipCtxfillText(胜,100,200) setTimeout(function(){  lipCtxfillStyle=d6bd9f  lipCtxfont=18pxArial  lipCtxfillText(胜,200,200)  ctxdrawImage(lip,0,0) },1000)
更多有关「小游戏Canvas绘制前被自动清屏」的讨论可以前往微信公开课小程序参与互动哦！