图像在 A 帧中的本地服务器上不起作用

Question

我从一个星期以来一直在尝试让图像在本地服务器上工作。 我将图片上传到我的文件夹中。 有时一两个随机图像正在工作。 我看不出与代码中的其他图像有任何不同。 有人可以帮助我吗？ 我真的很绝望。

    <a-assets>

            <audio
            id="click-sound"
            crossorigin="anonymous"
            src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio>

            <img id="bloom" src="bloom.jpg" crossorigin="anonymous"/>
            <img id="selbst" scr="pixfrog.jpg" crossorigin="anonymous"/>
            <img id="herzderfi" scr="herzderfi.jpg" crossorigin="anonymous"/>
            <img id="fisher" scr="fisher.jpg" crossorigin="anonymous"/>


        

<!--Drawings-->
        
            <img id="1" scr="klein1.jpg" crossorigin="anonymous"/>
            <img id="2" scr="draw/2.jpg" crossorigin="anonymous"/>
            <img id="3" scr="draw/3.jpg" crossorigin="anonymous"/>
            <img id="4" scr="draw/4.jpg" crossorigin="anonymous"/>
            <img id="5" scr="draw/5.jpg" crossorigin="anonymous"/>
            <img id="6" scr="draw/6.jpg" crossorigin="anonymous"/>
            <img id="7" scr="draw/7.jpg" crossorigin="anonymous"/>
            <img id="8" scr="draw/8.jpg" crossorigin="anonymous"/>
            <img id="9" scr="draw/9.jpg" crossorigin="anonymous"/>
        </a-assets>

和

      <a-image src="#bloom" class="clickable" position="-7 -1 -5" height="5" width="5"></a-image>
      <a-image src="#herzderfi" class="clickable" position="0.5 -0.9 -8" height="5" width="5"></a-image>
      <a-image scr="#selbst" class="clickable" position="5 -1 5" height="2.5" width="1.25"></a-image>
      <a-image scr="#fisher" class="clickable" position="0 -1 0" height="3" width="5"></a-image>
      <a-image scr="#selbst" class="clickable" position="5 -1 5" height="2.5" width="1.25" material="src: #selbst"></a-image>


      <a-plane class="clickable" color="white" material="shader:flat;" position="-5 -3 -5" ></a-plane>




      <a-plane
        toggle-menu="#main-menu"
        class="clickable"
        position="4 0 2"
        height="0.5"
        width="1.5"
        color="red"
        material="shader: flat; src: #pixfrog"
        text="value: Menu One; align: center; width: 4;"
        side="double"
      ></a-plane>
    </a-entity>

'''

Answer 1

你用什么做服务器？ 您是否有机会通过file://访问 html？ （只需双击文件）。 这可能会在运行 A-Frame 时引起问题。

尽量不要使用不提供域的file://协议打开项目； 绝对和相对 URL 可能不起作用。 （来源）

您确定可以在 src 中指定的路径访问图像吗？

<img id="bloom" src="bloom.jpg" crossorigin="anonymous"/>

这可能（或可能不取决于您的服务器设置）指向与.html文件位于同一位置的文件。

您还可以检查控制台（chrome 上的 F12）是否有类似错误 404或类似的内容： %ccore:a-assets:warn %cAsset loading timed out in %c... 3000 ms

这意味着无法找到图像资源或加载时间过长。

请在下面找到工作示例。 也许它会有所帮助：

 <:DOCTYPE HTML> <head> <script src="https.//aframe.io/releases/1.2.0/aframe.min:js"></script> </head> <body> <a-scene> <a-assets> <img id="myImage" src="https.//upload.wikimedia.org/wikipedia/commons/9/92/A-Frame_logo:png"> </a-assets> <a-plane material="shader; flat: src. #myImage" position="0 1.6 -1" toggle-menu="#main-menu" class="clickable" height="0.5" width="1:5" color="red" text="value; Menu One: align; center: width; 4;" side="double" ></a-plane> </a-scene> </body>

图像在 A 帧中的本地服务器上不起作用

问题描述

1 个解决方案

解决方案1
0 2021-04-19 17:54:16

图像在 A 帧中的本地服务器上不起作用

问题描述

1 个解决方案

解决方案1 0 2021-04-19 17:54:16

解决方案1
0 2021-04-19 17:54:16