A-Frame VR:图片未在Chrome中展示

时间:2016-12-19 15:50:55

标签: javascript html aframe webvr

编辑:问题是我从自己的硬盘而不是网络服务器运行HTML文件。当我把它放在我的网络服务器上并从那里运行时,所有东西都打开了。

A-Frame Ver: 0.4.0, Chrome: 55.0.2883.87, Firefox: 50.1.0,操作系统: 赢10(64位)。

我是A-Frame的新手,现在正在玩不同的元素和实体。当我尝试添加图像实体但只遇到了一个 blank plane [image]。但是,在Firefox showed the image [image]中打开了完全相同的HTML文件。我已禁用Chrome中的所有潜在拦截器(uBlock Origin等),但图片仍无法显示。

以下是我在两种浏览器中运行的HTML文件:



<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Testing A-Frame</title>
    <meta name="description" content="Testing A-Frame">
    <script src="https://aframe.io/releases/0.4.0/aframe.min.js"></script>
  </head>
  <body>
    <a-scene vr-mode-ui="enabled: true">

    <a-assets>
      <img id="my-image" src="apple_fruit.png">
    </a-assets>

    <a-image position="0 1.5 -2" src="#my-image"></a-image>


      <a-plane rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
      <a-sky color="#ECECEC"></a-sky>
      
      <a-entity position="0 0 -1">
        <a-camera>
          <a-cursor></a-cursor>
        </a-camera>
      </a-entity>

    </a-scene>
  </body>
</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

<强>固定! 问题是我从我自己的硬盘而不是Web服务器运行HTML文件。当我把它放在我的网络服务器上并从那里运行时,所有东西都打开了。