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

标签 javascript svg path geometry

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

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

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

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

最佳答案

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

关于javascript - 检查点是否靠近路径,并获取给定 X 的路径的 Y 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17292637/

相关文章:

javascript - 将对象添加到数组

javascript - 在默认 NightWatch 浏览器实例中启用和修改 Chome 扩展(特别是 ModHeader 扩展)

windows - 如何在批处理脚本中刷新 PATH 环境变量

php - 确定网站的 'root' 位置

path - 在同一安装程序中使用更新的 NSIS 路径

javascript - 单滚动(左右)网站

javascript - CKEditor未加载: Sometimes executes code before the needed JS file is loaded

javascript - 在 SVG 世界地图上叠加工具提示样式数据

java - 在 Java 中从原始 SVG 数据渲染 map

html - 如何拉伸(stretch)背景 SVG,使其始终通过 CSS 填充 div?