微信小程序中的canvas 设置opacity:0无效

正义的伙伴
  • 184

微信小程序中的canvas设置opacity:0在开发工具上可以使canvas隐藏,但是到了真机测试的时候opacity就无效了,canvas就直接显示出来了,有什么好的解决方案么?

回复
阅读 6.1k
4 个回答

canvas在真机上是处于最顶层的,设置z-index也不起作用。
我是设置绝对定位(position:absolute)将canvas移到屏幕外面来达到隐藏效果的。
比如canvas大小为300*200:

position:absolute;
left:-300px;
top:-200px;

display:none可行吗?

没有试过,但是把canvas放在一个div里,然后给这个div写opacity:0;

canvas 组件是由客户端创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。

宣传栏