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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/fortran/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 计算SVG元素(包括文本)之间的距离_Javascript_Svg_Canvas_Collision Detection - Fatal编程技术网

Javascript 计算SVG元素(包括文本)之间的距离

Javascript 计算SVG元素(包括文本)之间的距离,javascript,svg,canvas,collision-detection,Javascript,Svg,Canvas,Collision Detection,我正在寻找JavaScript方法来计算具有任意内容(路径、形状、使用引用、文本及其组合)的两个SVG元素之间的水平和垂直距离。边界框距离不够,我需要最接近的水平和垂直距离,例如这两个互锁的L形: L L 我认为“滚动你自己的画布”解决方案是唯一可行的选择。如果你想使用强力N^2方法:对于一个形状上的每个点,计算到另一个形状上每个点的距离。最小距离就是你想要的。

我正在寻找JavaScript方法来计算具有任意内容(路径、形状、使用引用、文本及其组合)的两个SVG元素之间的水平和垂直距离。边界框距离不够,我需要最接近的水平和垂直距离,例如这两个互锁的L形:


L
L

我认为“滚动你自己的画布”解决方案是唯一可行的选择。如果你想使用强力N^2方法:对于一个形状上的每个点,计算到另一个形状上每个点的距离。最小距离就是你想要的。