Mozilla A-Frame 两次加载图像答案

【问题标题】：Mozilla A-Frame Loads Images TwiceMozilla A-Frame 两次加载图像
【发布时间】：2016-08-17 02:20:08
【问题描述】：

有一个奇怪的 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 有问题吗？我做错了什么（可能！）

感谢您的帮助！

【问题讨论】：

已提交问题。 github.com/aframevr/aframe/issues/2472 ...对我来说，我确实看到了多个请求，但是来自磁盘/内存缓存，但它们仍然需要一些时间。会检查的。

标签： javascript image optimization aframe webvr

【解决方案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>

这样，您还可以获得浏览器缓存。

【讨论】：