2023-07-12 uniapp之微信小程序使用canvas时层级太高遮住其他页面如何处理？

前言：如题。

原因：app-vue和小程序框架，渲染引擎是webview的。但为了优化体验，部分组件如map、video、textarea、canvas通过原生控件实现，原生组件层级高于前端组件（类似flash层级高于div）。—— uniapp

解决方案：

1.使用cover-view，该方案由uniapp官方提供，链接：https://uniapp.dcloud.net.cn/component/cover-view.html#cover-view

2.使用位移：监听屏幕滚动，当移动到要遮住的位置时，隐藏canvas。

3.使用image替换canvas，如果业务非得要求使用canvas，则可以在移动到遮住的位置时，把canvas替换成image。参考资料：http://t.csdn.cn/E7A6o