直接把代码贴上来说吧：

//先绘制一个红色方块

ctx.fillStyle = 'Red'

ctx.fillRect(0,0,100,100)

//在一个异步函数中再画一个白色方块

setTimeout(() => {

        ctx.fillStyle = 'White'

        ctx.fillRect(100, 100,100, 100)

}, 1000)

先绘制第一红色的正方形，然后设置一个异步操作，在异步操作中绘制一个白色正方形。如果是在开发者工具或iOS上执行，会正确得到两个正方形（第二个正方形在1秒后出现）。

但在我测试用的两部华为手机上出现的情况都是：一开始有一个红色正方形，1秒之后，屏幕被清屏，白色正方形出现，红色的不见了。

拿setTimeout只是举个例子，实际上我发现无论是在requestAnimation中、图片的image.onload()监听事件中、点击操作的监听时间中还是网络请求的回调函数中，调用ctx.fillRect（或者是fillText, strokeRect等等）都会造成清屏。

也就是说只要是异步操作中绘制图案，前面绘制的内容就会被清屏。

经测试：华为Mate7、Mate10、P20上均存在该问题。开发工具、iOS端正常。

测试手机的信息：