我正在开发一个需要清晰，厚实的2D线条的three.js项目。
由于limitations in the ANGLE layer，Windows上的WebGL渲染器不允许使用LineBasicMaterial的粗线。
为了解决这个问题，我正在使用three-line-2d在顶点着色器中展开折线。这可以通过将BufferGeometry与简单ShaderMaterial配对来实现。
视觉上，我对结果感到满意。
现在，我想检测鼠标与这些线的交互。通常的Raycaster技术不起作用。我怀疑这是因为我的线条缺少three.js理解的几何图形（因为我在着色器中扩展）。
我的问题：我选择这些线的选择是什么？我是否需要在着色器外部挤出，还是有其他好的选择？