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

微信小程序中 canvas 层级过高问题,第1张

在微信小程序中设置自定义标题后,自定义标题并不能覆盖住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菜单看看能否调整图层,

详腔橘细文档 https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html

如同所示:

最后的样子是这样的,希望能帮到你

-end-


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/12517870.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2025-08-25
下一篇2025-08-25

发表评论

登录后才能评论

评论列表(0条)

    保存