Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 检查点是否靠近路径,并获取给定X的路径的Y值_Javascript_Svg_Path_Geometry - Fatal编程技术网

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

Javascript 检查点是否靠近路径,并获取给定X的路径的Y值,javascript,svg,path,geometry,Javascript,Svg,Path,Geometry,我有一个javascript类,它使用SVG使用路径(包括直线段和曲线段)绘制一组笛卡尔图 现在,代码必须截获图形区域上的单击事件,如果单击在路径之一上或附近,则必须取X值,并获取图形上其他路径的Y值 单击图形区域不是本机事件的问题,但是检测图形附近的单击并获取所有Y值是我不知道如何做的事情,因为我正在使用本机JS函数和method(如果可用)搜索方法 是的,我可以渲染2d数组中的每条曲线并进行查找,但我正试图避免它。有没有一种方法可以在不“还原”到数学方法的情况下进行此操作?使用笔划和笔划宽度

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

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

单击图形区域不是本机事件的问题,但是检测图形附近的单击并获取所有Y值是我不知道如何做的事情,因为我正在使用本机JS函数和method(如果可用)搜索方法


是的,我可以渲染2d数组中的每条曲线并进行查找,但我正试图避免它。有没有一种方法可以在不“还原”到数学方法的情况下进行此操作?

使用笔划和笔划宽度绘制相同的曲线(使其更宽),但要使其可见性=“隐藏”,然后使用该属性使隐藏的笔划曲线可单击。可以将隐藏曲线放在原始笔划的顶部或下方,但如果将其放在下方,则可能需要使原始曲线指针事件=“无”