canvas 层级太高怎么破，跑到了其他UI上方

时间：2019-04-30 来源：小程序工厂

接了插件wx-charts，是利用canvas生成了图表，使用时发现因为canvas层级太高，跑到了其他组件上方，通过z-index无法改变，就解决办法。

微信小程序开发问题解答

微信小程序开发者回答：

用cover-view 呗,把from下了,定义个方法发网络请求

微信小程序开发者回答：

把canvas移动到屏幕外面（top-9999 left-9999）然后把canvas生成的图片保存在本地用image标签来引图片 z-index加在image标签上

微信小程序开发者回答：

你是上拉会出现被遮住画布吗你可以让canvas外面的view飘起来宽高是0，上边距设置margin-top:9999px;

微信小程序开发者回答：

canvas 层级最高 opacity：0不起作用

canvas 文字不换行

微信小程序开发者回答：

有个死办法就是签到弹框背景为不透明背景。签到弹框弹出来的时候将canvas隐藏，签到弹框关闭的时候再显示canvas组件

微信小程序开发者回答：

我就是根据编码生成二维码，后端不做，要前端做，我就选了canvas,也是遇到会跟着滚动页面出现浮动什么的，暂时的解决方法就是生成二维码的时候生成图片，再判断有图片就先显示图片。还有更好的方法？

微信小程序开发者回答：

我们要求页面展示生成的二维码。canvas画出来的。层级过高，而且滑动的时候他会挡住导航栏~
所以让后台生成二维码，导成图片给前端。
原生组件层级一直都很高。新出的标签都无法挡住~ 我已放弃治疗

微信小程序开发者回答：

是的，没毛病。canvas就这样，你可以用图片代替

微信小程序开发者回答：

如果不是非用canvas不可，可以不用。如果需要在canvas上弹窗，而且最求效果，需要把整个页面做成canvas的，弹窗也在canvas里面显示。

微信小程序开发者回答：

原生组件层级是最高的，如果要覆盖canvas可以尝试使用
cover-view
74713-1/https://mmbiz.qlogo.cn/mmbiz_png/y9sLmBUn79GesSu1WS0u5iaEPtyUfGMcPLtUdt0dhnao28IxYiaU593vb4X3mIzJ3XnezoKiaYaFqoLPYGNib9aZZg/0?wx_fmt=png" border=0 >

本文网址：http://www.91bianli.com/weixinxiaochengxu/24288.html

上一篇：微信小程序和第三方app互通消息大佬们给个思路

下一篇：通过wx.login + code2Session 获取不到用户 UnionID