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

发布时间 2023-07-12 17:07:04作者: 哎呦你可棒棒了

前言:如题。

原因: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