在使用svg和Canvas时，可以使用它们绘制不同的图形，如直线、矩形、三角形等。哌囿亡噱Three.js也可以绘制2D图形，如直线、矩形等。下面利用实例说明：
工具/原料
HTML5
Three.js
HBuilderX
截图工具
浏览器
方法/步骤
1、第一步，打开HBuilderX工具，新建页面文件，然后引入three.js
2、第二步，添加Three.js场景，使用newTHREE.Scene构建一个场景
3、第三步，组建一个相机，这个相机可以控制哪些内容和图形图像显示出来
4、第四步，设置渲染器，渲染器是决定渲染之后的结果以什么形式展示出来
5、第五步，设置直线两端的点坐标，然后添加到points数组中
6、第六步，将绘制的直线添加到场景中，然后利用渲染器显示出来
