微信小程序中的cover-view无法覆盖canvas?

Question

这是官方文档给的解释，照这个解释，cover-view应该是可以覆盖canvas的，
于是我就测试了下
hmtl代码

<canvas canvas-id="canvas" id="canvas"></canvas>
<cover-view id='mask'></cover-view>

js代码

onLoad: function (options) {
    let ctx=wx.createCanvasContext('canvas')
    ctx.setFillStyle('red')
    ctx.fillRect(0,0,300,150)
    ctx.draw()

  },

css代码

#mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background: #333;
}

在开发工具里的显示是这样的

但是在真机中就变成这样了
请问这是怎么回事，怎么可以解决canvas层级的问题

Answer 1

<cover-view>标签要放在<canvas>标签里面

<canvas>
    <cover-view></cover_view>
</canvas>

Answer 2

你这个问题的解决办法是 是 cover-view还能放到canvas里面 , 如果遇到不能放到canvas里面的呢?
可以看下我这个问题,官方给出的解决办法是 ,适当加以延迟,也就是 cover-view出现要比canvas晚.
https://developers.weixin.qq....