three.js中render渲染器与html中body显示之间的联系

方法一: three.js中生成html5中的body。

<body onload="draw();">

</body>
function initRender() {

        renderer = new THREE.WebGLRenderer({antialias: true});

        renderer.setClearColor(new THREE.Color(0x000000)); //设置背景颜色

        renderer.setSize(window.innerWidth, window.innerHeight); //设置大小

        document.body.appendChild(renderer.domElement); //添加到<body>的内容。

 }

方法二:通过html中body的canvas的id来绑定。

<body onload="init()">
<canvas id="mainCanvas"  width="1200px"  height="1000"></canvas>
</body>

function initRenderer() {
      //通过html中body的canvas的id来绑定。
      renderer = new THREE.WebGLRenderer({canvas:document.getElementById("mainCanvas")});
 }

猜你喜欢

转载自blog.csdn.net/weitaming1/article/details/82387645