第一个屏幕时隐藏并通过单击显示随机图像 [Web Ar, Aframe, Ar.js ]

问题描述

我想隐藏这个组件，它会在我点击按钮拍照时显示， 因为，它总是显示由高度和宽度定义的框架> 在我点击按钮拍照之前是黑色的

  <a-image src="#my-image"
                 position="-0.05 1.5 -7" height="2" width="2">
        </a-image>
        <a-entity animation="property: visible; to: true; startEvents: materialtextureloaded"
                  material="src: #my-image"
                  visible="true"></a-entity>

    </a-scene>
    <div class="ui">
        <a id="take-phot" title="Take Phot"><i class="material-icons">photo_camera</i></a>
    </div>
</body>
</html>
<script>
    var video = document.getElementById("vid");
    video.play();

 /*   var pln = document.querySelector("#my-image");
    pln.setAttribute('visible',true);*/

    var myPix = new Array("ass/5.png","ass/10.png","ass/20.png","ass/30.png");
    var take_photo_btn = document.querySelector('#take-phot');

    take_photo_btn.addEventListener("click",function (e) {
        choosePic();
    });
    function choosePic() {
        var randomNum = Math.floor(Math.random() * myPix.length);
        document.getElementById("my-image").src = myPix[randomNum];
        take_photo_btn.classList.add("disabled");
    }
</script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）