Three. JS development: drawing of thick lines

Three.js The development of , When drawing lines , Use THREE.Line perhaps THREE.LineSegments When drawing lines , It is found that setting the width of the line in the material does not work , In the Three.js Document discovery of , Above way , The corresponding is webgl in gl.LINE_STRIP perhaps gl.LINES, This is when some browsers render , It doesn't work , therefore ,Three.js Extended a method of drawing thick lines , The specific use method is as follows ：
The relevant class libraries are placed in Three.js Bag example in , First quote the corresponding js file

<script src="three/examples/js/lines/LineSegments2.js"></script>

  <script src="three/examples/js/lines/Line2.js"></script>

  <script src="three/examples/js/lines/LineMaterial.js"></script>

  <script src="three/examples/js/lines/LineSegmentsGeometry.js"></script>

  <script src="three/examples/js/lines/LineGeometry.js"></script>



 // Initializes the type of a line 

 let linegeometry = new THREE.LineGeometry();

 linegeometry.setPositions(' Coordinate points of one-dimensional array type , Every time 3 In groups ');

// Initialize the material of the line 

 let matLine = new THREE.LineMaterial({
    

               // Color width and other attribute settings , You can render lines through vertices , You can also set uniform colors 

                color: 0x0000ff,

                linewidth: 2, 

                vertexColors: false

            });

// The resolution of the material must be set , The line width not displayed is incorrect 

matLine.resolution.set(window.innerWidth, window.innerHeight);

// Add a line object ,Line2 perhaps LineSegments2 Fine 

//let buildoutline = new THREE.Line2(

let buildoutline = new THREE.LineSegments2(linegeometry,matLine);

// Scene add line 

scene.add(buildoutline);

The effect is as follows ：

Quotes ：
https://github.com/mrdoob/three.js/blob/master/examples/webgl_lines_fat.html
https://threejs.org/docs/index.html?q=line#api/en/objects/Line