threejs相机和渲染器

渲染器

渲染器其实代表的是canvas标签。

渲染器的类型

WebGLRender

使用WebGL来渲染图形，速度较快，但是有些机器不支持WebGL。

CanvasRender

使用canvas2d来渲染图形，在较老的版本上，主要是用来渲染2D图形。现在这个渲染器在新版本中已弃用。

创建渲染器

创建渲染器代码如下：

renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth,window.innerHeight);
document.body.appendChild(renderer.domElement);

setSize方法设置的是canvas标签的大小，比如：

renderer.setSize(100,100)

等于：

<canvas style="width:100px;height:100px;"><