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

Question

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

Answer 1

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

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

Answer 2

display:none可行吗？

Answer 3

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

Answer 4

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