模拟器上canvas显示正常，不会覆盖footer内容
真机上，如图，canvas会覆盖footer
这种有办法解决吗？
<canvas canvas-id='canvas' class='canvas' style="z-index:-1;position:relative;"></canvas>
底部
.mainFooter{
position: fixed;
bottom: 0;
display: flex;
height: 45px;
justify-content: space-around;
align-items: center;
flex: auto;
background: #fff;
border-top: 1px solid #e5e5e5;
width: 100%;
z-index: 9999;
}
<view class='mainFooter'>
<view class='footerLeft' bindtap='baoMingDialog' data-type="2">
<text>看房服务</text><text class="fon12">免费专车接送</text>
</view>
<view class="footerRight" bindtap='callMobile'>
<text>致电售楼处</text><text class="fon12">保护你的真实号码</text>
</view>
</view>
加个 type=“2d” 看下呢？然后下面footer的的z-index设置高点。
<canvas type="2d" /> 这样么在canvas 加上 type='2d'，canvas不显示。
搞定了吗
请问下你有没有试过在遮罩层中使用画布？我点击按钮才显示有赞的overlay组件，在里面嵌入了canvas，但是不管画什么都显示不出来，官方示例是直接在page页下显示的。
应该用canvas的同层渲染把 2d那个
使用cover-view组件
https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html#原生组件的使用限制