Question

我有一个聚合物网站，我想使用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>

有什么建议吗？

Answer 1

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

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

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

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

编辑：包装库仍然是一个很好的做法，但不是问题的原因。我做了一个快速测试，发现你必须在准备好的＃34;上调用x3dom.reload（）。聚合物事件处理这样x3dom系统可以正确重新加载

如何将x3dom与聚合物一起使用？

1 个答案: