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

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

10 回复

panxiuying1 楼6 年前

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

canvas 文字不换行

li302 楼6 年前

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

bmao3 楼6 年前

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

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

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

fang384 楼6 年前

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

panlei5 楼6 年前

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

tyao6 楼6 年前

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

zoumin7 楼6 年前

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

rpan8 楼6 年前

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

xiulanyang9 楼6 年前

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

fangqiu10 楼5 年前

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