检查一个点是否在路径附近，并获得给定X的路径的Y值

Question

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

现在，代码必须拦截图表区域上的点击事件，如果点击是 - 或接近 - 其中一个路径，它必须取X值，并获得Y图表上其他路径的值。

单击ON图形区域不是本机事件的问题，但检测单击NEAR图形并获取所有Y值是我不知道该怎么做的事情，因为我正在搜索使用的方法本机JS函数和methond（如果可用）。

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

Answer 1

绘制具有笔触和笔触宽度的相同曲线（使其更宽）但使其可见性=“隐藏”，然后使用pointer-events属性使隐藏的描边曲线可单击。您可以将隐藏曲线放在原始笔划的顶部或下方，但如果将其放在下面，则可能需要创建原始曲线指针 - events =“none”