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

最新推荐文章于 2024-02-25 10:30:00 发布

天有行-地无迹-千秋怎堪一剑扫

最新推荐文章于 2024-02-25 10:30:00 发布

阅读量1.1k

点赞数 3

分类专栏： three.js javaScript grammar

本文链接：https://blog.csdn.net/weitaming1/article/details/82387645

版权

grammar 同时被 3 个专栏收录

58 篇文章 0 订阅

订阅专栏

javaScript

46 篇文章 0 订阅

订阅专栏

three.js

18 篇文章 2 订阅

订阅专栏

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

优惠劵

天有行-地无迹-千秋怎堪一剑扫

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
three.js中render渲染器与html中body显示之间的联系

方法一： three.js中生成html5中的body。&lt;body onload="draw();"&gt;&lt;/body&gt;function initRender() { renderer = new THREE.WebGLRenderer({antialias: true}); renderer.setClearColor(n...
复制链接

扫一扫