canvas 层级太高怎么破,跑到了其他UI上方
发布于 6 年前 作者 tgao 8160 次浏览 来自 问答

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

10 回复

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

canvas 文字不换行

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

我们要求页面展示生成的二维码。canvas画出来的。层级过高,而且滑动的时候  他会挡住导航栏~

所以让后台生成二维码,导成图片给前端。

原生组件层级一直都很高。 新出的标签都无法挡住~ 我已放弃治疗

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

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

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

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

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

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

原生组件层级是最高的,如果要覆盖canvas可以尝试使用

cover-view

回到顶部