畫布元素可以嵌套多少個div是否有限制？
[英]Are there limits to how many div's a canvas element can be nested it?
問題描述
我在div內的畫布中有一些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元素被推到封閉體標簽的正上方。
沒有人不知道為什么會這樣嗎？ 在上面的第一個示例中，畫布被放置在webGLDiv之后。
1 個解決方案
解決方案1
4 已采納 2017-04-30 18:26:41
<canvas>的位置由腳本中的以下行控制：
document.body.appendChild(renderer.domElement);
renderer.domElement是您的<canvas> ，而document.body是放置在其中的父元素。 （為此，Three.js不使用<script>元素的位置。）
要更改其放置位置，您需要指定其他父元素。 要<div id="webGLDiv">成為<div id="webGLDiv"> ，可以使用：
document.getElementById('webGLDiv').appendChild(renderer.domElement);
如何將div元素放入畫布
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.