javascript - 检查点是否靠近路径，并获取给定 X 的路径的 Y 值

Question

我有一个 javascript 类，它使用 SVG 使用路径(包含直线和曲线段)绘制一组笛卡尔图

现在，代码必须拦截图形区域上的单击事件，并且如果单击位于路径之一上或附近，则必须获取 X 值，并获取 Y 值图上其他路径的值。

单击图形区域不是 native 事件的问题，但检测图形附近的单击并获取所有 Y 值是我不知道该怎么做的事情，因为我正在寻找一种使用的方法原生 JS 函数和方法(如果有)。

是的，我可以渲染二维数组中的每条曲线并进行查找，但我试图避免它。有没有办法在不“恢复”数学方法的情况下做到这一点？

Answer 1

使用描边和描边宽度绘制相同的曲线(以使其更宽)，但使其可见性=“隐藏”，然后使用 pointer-events属性使隐藏的描边曲线可单击。您可以将隐藏曲线放在原始笔画的顶部或下方，但如果将其放在下面，您可能希望使原始曲线pointer-events =“none”