最初使用 display:none 隐藏后无法渲染天空图像答案

【问题标题】：Could not render a-sky image after hiding it initially with display:none最初使用 display:none 隐藏后无法渲染天空图像
【发布时间】：2018-07-06 06:33:42
【问题描述】：

我正在尝试在带有 d3 图形的 div 和 a-scene 之间切换显示属性。如果我将a-scene 设置为display: hidden 然后切换它，a-scene 似乎已加载但a-sky 不会在切换时显示图像。但是，如果我先加载 a-scene 然后切换到 d3 图表，它似乎可以工作。我还尝试在切换时将高度和宽度设置为.a-canvas。我想先加载 d3 图表，然后切换到场景。

Here 是它的演示故障。找到一个similar question here，它的答案没有帮助。

【问题讨论】：

我试图通过为a-scene 添加事件侦听器来隐藏a-scene 的父div，如下所示。 document.querySelector('a-scene').addEventListener('loaded', function () {...}) 不知何故，当我刷新页面时，大多数情况下都不会触发该事件。有时它会被触发。

标签： javascript d3.js aframe

【解决方案1】：

您可以使用位置和可见性属性来代替显示。看看这个与你的故障混合的故障。 https://glitch.com/edit/#!/humorous-camp 希望对您有所帮助。

【讨论】：