Question

我正在尝试将Canvas Lines three.js放在另一个div中，但这不起作用。当我尝试时，JS将画布放在身体的尽头。任何人都可以告诉我为什么？

我希望画布留在callDoSomething(MyInterfaceImpl.class);内，并且JS不会将该部分放在身体的最末端。

HTML：

<div id="canvas_3d"></div>

使用Javascript：

<section class="lc_hero hero_fulHeight" style="background-image: url('img/hero_top.jpg');">
  <div id="canvas_3d"></div>
  <div class="container">
    <div class="row">
      <%# <div class="col-md-1"></div> %>
      <div class="col-md-7">
        <div class="lc_hero__heading">
          <h1 class="head_white"><span>L</span>aboratório de <span>In</span>ovação e <span>C</span>ompetições de <span>E</span>ngenharia</h1>
          <p>Projetos que vão além da <span>faculdade!</span></p>
        </div>
      </div>
    </div>
    <div class="lc_hero__scroll_down">
      <%= svg "scroll_down" %>
    </div>
  </div>
</section>

感谢。

Answer 1

从您的javascript中删除document.body.appendChild(container);。这就是将容器移动到body元素的末尾。

将three.js放在HTML中的另一个元素中

1 个答案: