three.js中render渲染器與html中body顯示之間的聯絡
阿新 • • 發佈：2018-11-07
方法一： 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")}); }