9.threejs画布尺寸和布局_three.js入门教程-CSDN在线视频培训

课时介绍

# threejs画布尺寸和布局

threejs渲染输出的结果就是一个Cavnas画布，canvas画布也是HTML的元素之一，这意味着three.js渲染结果的布局和普通web前端习惯是一样的。

通过`renderer.domElement`属性可以访问threejs的渲染结果，也就是HTML的元素`canvas`画布。

### 非全屏局部布局

你可以把threejs的渲染结果`renderer.domElement`，插入到web页面上任何一个元素中，只要符合你项目的布局规则即可。

课程介绍

内容特色：

主要是讲解three.js入门的基础概念，比如渲染器、相机、场景等基础概念。

课程风格：

不会一直敲代码，会以讲解为中心，敲代码为辅助，每节课基本都会提供对应的课件和源码，源码且注释。