ThingOrigin.js

场景容器及大小 ​

初始化 ​

在 HTML 中定义有宽度和高度的父容器，通常来说，需要在 HTML 中先定义一个 <div> 节点，并且通过 CSS 使得该节点具有宽度和高度。初始化的时候，传入该节点，容器的大小默认即为该节点的大小。

javascript
<div id="TO" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
  //初始化场景
  let TO = new ThingOrigin("easyBuild", document.getElementById("TO"));
</script>

需要注意的是，使用这种方法在调用 new ThingOrigin 时需保证容器已经有宽度和高度了。

响应容器大小的变化 ​

在有些场景下，我们希望当容器大小改变时，场景的大小也相应地改变。

这种情况下，直接调用 resize 方法即可。

javascript
<div id="TO"  style="width: 600px;height:400px;"></div>
<script type="text/javascript">
  //初始化场景
  let TO = new ThingOrigin("easyBuild", document.getElementById("TO"));
  //场景重新适配窗口大小
  TO.resize();
</script>