在HTML标记中嵌入3D模型

时间:2014-07-13 16:23:02

标签: javascript html 3d x3d

如何将3D文件嵌入HTML以便在网络浏览器上呈现?

我想做这样的事情

<!doctype html>

<html lang="en">
<head>
  <!-- stuff -->
</head>

<body>
  <!-- stuff -->
  <canvas>
    <X3D profile="Interchange" version="3.2"
     xmlns:xsd="http://www.w3.org/2001/XMLSchema-instance"
     xsd:noNamespaceSchemaLocation="http://www.web3d.org/specifications/x3d-3.2.xsd">
      <Scene>
        <Shape>
          <IndexedFaceSet coordIndex="0 1 2">
            <Coordinate point="0 0 0 1 0 0 0.5 1 0"/>
          </IndexedFaceSet>
        </Shape>
      </Scene>
    </X3D>
  </canvas>
  <!-- stuff -->
  <script src="js/scripts.js"></script>
</body>
</html>

我有一个操作3D模型的脚本,然后生成Web报告。这些报告始终离线显示。

我知道有 javascript libraries 允许您这样做。问题是报告和模型都没有托管在Web服务器中,也无法从javascript访问本地文件(我不是changing chrome的文件访问权限;) )。

我希望能够分发html文件供人们在没有网络服务器的情况下离线查看。我可以生成我想要的任何格式的3D模型(上例中的X3D),只要它在浏览器中呈现。

如果模型是使用仅标记的声明方式嵌入,而且javascript是可接受的,那将是首选。

0 个答案:

没有答案