Mozilla A-Frame将图像加载两次

Question

得到了一个奇怪的webVR Mozilla A-Frame问题

所以我在a-curvedimage标签中加载一个图像（里面有一些动画内容），如下所示：

<a-curvedimage src="img/wolfson.png" position="0 1 -10" radius="15.7" theta-length="90" height="10" rotation="0 100 0" scale="0.8 0.8 0.8">
    <a-animation easing="linear"attribute="rotation"dur="8000"fill="backward"from="0 0 0" to="0 360 0"repeat="indefinite"></a-animation>
</a-curvedimage>

我正在检查Chrome中的网络选项卡（在优化时非常新，只是了解这些东西），我看到图像已被请求两次，一次是我的脚本，就像我预期的那样，但是第二次， “其他”要求。

我从a-curvedimage标签中删除了src属性，重新加载了页面，图像的两个实例都消失了。

可以在http://www.forwardcreation.com看到演示......将鼠标悬停在底部的“我们过去的工作”部分。

我无法弄清楚为什么它被要求两次...... A-Frame的问题？我做错了什么（可能！）

感谢您的帮助！

Answer 1

不确定发生了什么，但作为解决方法（并利用浏览器缓存），也许您可​​以在<a-assets>

中定义图像

<a-scene>
  <a-assets>
    <img id="myImg" src="img/wolfson.png">
  </a-assets>
  <a-curved-image src="#myImg"></a-curved-image>
</a-scene>

有了这个，你也可以获得浏览器缓存。