gpt4 book ai didi

javascript - 一个 canvas 元素可以嵌套多少个 div 有限制吗?

转载 作者:行者123 更新时间:2023-11-30 09:35:40 28 4
gpt4 key购买 nike

我在 div 内的 Canvas 中渲染了一些 webGL(threejs),工作方式与我想象的完全一样,具有以下结构...

<body>
<div id='header'></div>
<div id="webGLDiv">
<script></script>
</div>
<div id='someInfo'></div>
</body>

但是,当我像这样将 webGLDiv 嵌套到父 div 中时......

<body>
<div id="websiteContents">
<div id='header'></div>
<div id="webGLDiv">
<script></script>
</div>
<div id='someInfo'></div>
</div>
</body>

在浏览器中,脚本信息保留在 webGLDiv 中,但 canvas 元素被推到结束 body 标记的正上方。

有没有人不知道为什么会这样?在我上面的第一个例子中, Canvas 被放置在 webGLDiv 之后。

最佳答案

<canvas> 的位置由脚本中的这一行控制:

document.body.appendChild(renderer.domElement);

renderer.domElement是你的 <canvas>document.body是放置它的父元素。 (Three.js 没有为此使用 <script> 元素的位置。)

要更改它的放置位置,您需要指定一个不同的父元素。让它成为<div id="webGLDiv"> ,你可以使用:

document.getElementById('webGLDiv').appendChild(renderer.domElement);

关于javascript - 一个 canvas 元素可以嵌套多少个 div 有限制吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43709691/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com