Question

我正在尝试使用html制作图像的360度视图。我的示例代码如下：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Panorama</title>
    <meta name="description" content="Panorama — A-Frame">
    <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
</head>

<body>
    <a-scene>
        <a-sky src="images/gallery/pan0.png" rotation="0 -130 0"></a-sky>
    </a-scene>
</body>

</html>

问题是，当我运行代码时，什么都没显示。有什么办法解决这个问题？

Answer 1

我对代码进行了更改。试试这个应该可以工作的代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Panorama</title>
    <meta name="description" content="Panorama — A-Frame">
    <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
</head>
<body>
    <a-scene>
        <a-assets>
            <img id="panorama" src="images/gallery/pan0.png"/>
        </a-assets>
        <a-sky src="#panorama" rotation="0 -130 0"></a-sky>
    </a-scene>
</body>
</html>

用html和javascript制作图像的360度视图

1 个答案: