0

我有一个聚合物站点，我想在其中使用 x3dom 库来查看外部 x3d 文件，并且只需能够将加载的 3D 场景旋转 360 度。

有没有人成功地将 x3dom 与聚合物一起使用？我看不出这不起作用的任何原因。请假设我所有的聚合物材料都是正确的（我有）并且已经在页面头部加载了先决条件 x3dom.js 脚本和 x3dom.css。这只是一个精简的代码片段，用于显示关键位：

 <x3d width='350px' height='400px'>
      <scene>
           <inline nameSpaceName="myNS" mapDEFToID="true" url="{{_x3dPath}}"></inline>
      </scene>
 </x3d>

 <script>
      Polymer({
           properties: {
                _x3dPath: {type: String},
           }, 

           ready: function() { 
                this._x3dPath = "/someDynamicPath/threeDfile.x3d";
           }
      });
 </script>

有什么建议么？

4

1 回答 1

1

您需要创建一个自定义元素，作为 3rd 方库的包装器。（例如 x3dom-wrapper.html ）。

在该文件中，您必须将脚本引用添加到 x3dom .js

<script type="text/javascript" src='../bower_components/x3dom/x3dom.js'></script>

然后，您需要像任何其他聚合物组件一样导入包装器自定义元素。这样可以确保 x3dom 依赖项在需要时可用。

编辑：包装库仍然是一个好习惯，但不是问题的原因。我做了一个快速测试，发现您必须在“准备好的”聚合物事件处理程序上调用 x3dom.reload()。这样 x3dom 系统会正确重新加载

于 2016-03-04T15:22:06.653 回答