微信小程序中 canvas 层级过高问题

在微信小程序中设置自定义标题后，自定义标题并不能覆盖住canvas

小程序中 canvas、textearea、video等组件使用原生渲染，层级最高，无法通过z-idnex设置进行控制

1.在微信小程序的社区也有类型的问题，官方给出的解决办法是将其进行隐藏，在需要时进行显示。

2.介于我的问题是canvas显示问题，并且canvas不是实时渲染，可以将canvas在渲染后变成图片进行展示：wx.canvasToTempFilePath

如果可以用css动画进行解决，也是可以的

本文章记录了我在做小程序时使用canvas时，因层级太高无法显示d框的问题。

首先是在wxml页面的处理，我的宽高设置的是自适应宽高，只需改成自己的宽高即可，关键部分是加一个判断 wx:if="{{!canvasImg}}"

然后是js页面，d框结束时直接 canvasImg=null 即可

参考 https://blog.csdn.net/weixin_45272449/article/details/101295243?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_baidulandingword-0&spm=1001.2101.3001.4242

微信小程序中有一个功能是canvas画布功能，那么这个功能该怎么用呢?下面的教程就是关于微信小程序的canvas画布功能怎么用的，一起来看看吧。

微信小程序中有一个功能是canvas画布功能，那么这个功能该怎么用呢?下面的教程就是关于微信小程序的canvas画布功能怎么用的，一起来看看吧。

canvas画布，你可以理解为有一张白布，你可以在画布上画出不同形状、颜色、粗细的图形。

---