方法一: 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")});
}