Javascript 在HTML标记中嵌入三维模型_Javascript_Html_3d_X3d

Javascript 在HTML标记中嵌入三维模型

javascript html 3d

Javascript 在HTML标记中嵌入三维模型,javascript,html,3d,x3d,Javascript,Html,3d,X3d,如何将3D文件嵌入HTML，以便在web浏览器上进行渲染我想做这样的事情 <!doctype html> <html lang="en"> <head>  </head> <body>  <canvas> <X3D profile="Interchange" version="3.2" xmlns:xsd

如何将3D文件嵌入HTML，以便在web浏览器上进行渲染

我想做这样的事情

<!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报告。这些报告总是脱机查看

我知道有很多方法可以让你这么做。问题在于，报告和模型都不是托管在web服务器上，您不能从javascript访问本地文件，我不是chrome的文件访问权限

我希望能够分发html文件，让人们在没有web服务器的情况下离线查看它们。在上面的示例中，我可以生成任意格式的三维模型，只要在浏览器中渲染

如果模型是以声明方式嵌入的，只使用标记，但javascript也是可以接受的，那就更好了。

也许我没有抓住要点。下面是一个在HTML页面中嵌入3d对象WRL的例子：在chrome上似乎不起作用，它只是下载.WRL文件，这意味着你没有任何能够解释.WRL文件的chrome插件。结果，浏览器下载了文件。这是有道理的，它可以工作，我只是想避免要求用户安装插件。谢谢哦，好吧，你当然想避免这个！但是，只要浏览器在默认情况下不附带所需的插件，这是使其工作的唯一方法。想想flash插件吧，很久以前，当你要访问flash内容可用的页面时，浏览器会问你是否要安装插件。