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 时需保证容器已经有宽度和高度了。

响应容器大小的变化 ​

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

这种情况下，设置场景的容器宽高都为100%，根据父节点的宽高变化。

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