今天需要在网页中绘制一个物体图形，这个物体需要使用到webgl来绘制，并且需要通过画线的方式画出来，后来使用的是threejs这个工具进行绘制的，我们一起来看看具体应该怎么绘制。
工具/原料
threejs工具。
方法/步骤
1
解压threejs在里面的example创建一个test文件夹，并在里面创建一个html文件line。
2
在头部引入threejs文件。
3
接着在body中添加脚本，定义初始化一些必须要的变量方法。
4
在init方法中创建一个geometry，并添加两个vector3顶点向量，这个就是线的两个端点。
5
接着创建线，材质颜色为红色ff0000，并添加到场景中。
6
然后在render方法中设置相机并进行渲染。
7
然后还要添加canvas画布。
8
在浏览器中执行后我们就会绘制出一条直线了，通过添加更多的顶点就可以绘制更多不同的线了。
下一篇：css设置背景图片大小