首页 > 解决方案 > 三 JS LineBasicMaterial 如何在 3D 轴上绘制简单的粗线?

问题描述

lineMat = 新的三个。LineBasicMaterial ({color, linewidth: 5});

不起作用。

我需要一个简单的 3D 方法(旋转场景):drawLine(measurement1, measure2, color) 线宽大于 1px

我知道 Windows 和角度。我搜索并尝试解决这个问题几天(大多数找到的方法都不起作用或仅在 2D 中起作用或内部有问题)

标签: javascripttypescriptthree.js

解决方案


它不起作用,因为 WebGL 线图元始终呈现为 1px 宽的线。但是,three.js提供基于三角形渲染所谓的宽线或粗线的可能性。所以使用类,LineGeometry应该可以解决你的问题。LineMaterialLine2

官方示例:https ://threejs.org/examples/webgl_lines_fat

three.js R107


推荐阅读