【问题标题】:ThreeJS - How to output canvas into specific div?ThreeJS - 如何将画布输出到特定的 div 中?
【发布时间】:2012-09-04 22:47:13
【问题描述】:

似乎画布只是简单地插入到主体中,位于流程的底部。我想知道我需要更改哪一点代码才能将其插入到特定的 div 中?

【问题讨论】:

    标签: canvas three.js


    【解决方案1】:

    您可以自己创建画布并将其放置到您想要的位置。然后像这样将它传递给渲染器构造函数:renderer = new THREE.WebGLRenderer({ canvas: myCanvasElem }); 请参阅docs

    【讨论】:

      【解决方案2】:

      通常是这一行:

      container = document.createElement( 'div' );
      
      //later in that file
      container.appendChild( renderer.domElement );
      

      将第一行改为:

      container = document.getElementById( 'mycustomdiv' );
      

      【讨论】:

      • 你是对的,但我只是将它添加到正文的底部来修复它: $("canvas").appendTo("#canvascontainer");
      • 请注意,如果您将拥有另一个画布,则 JQuery 'canvas' 将找到所有画布元素。
      猜你喜欢
      • 2019-10-06
      • 2020-01-10
      • 2015-11-09
      • 1970-01-01
      • 2015-02-27
      • 2021-07-09
      • 2013-11-30
      • 2015-01-01
      • 2020-05-14
      相关资源
      最近更新 更多