javascript - HitTest SVG 形状？

Question

已经实现了 SVG 规范部分内容的浏览器(Firefox 等)免费为我们进行 HitTest - 如果我在 SVG 对象上附加 mousedown 监听器，每当单击该形状时我都会收到通知。这太神奇了，尤其是对于复杂的多边形形状。

我想知道是否有办法利用此功能进行更多的 HitTest 。我想知道给定的矩形是否与我的任何 SVG 形状相交。

例如，我向元素中添加了 3 个复杂的多边形。现在我想知道矩形 (40, 40, 100, 100) 是否与其中任何一个相交。有谁知道我如何能够连接到已经很棒的 HitTest 支持，而不是自己添加所有这些代码？

谢谢

Answer 1

SVG 1.1 DOM 有正确的方法(不幸的是，它尚未在 mozilla 中实现):

var nodelist = svgroot.getIntersectionList(hitrect, null);

有关完整的工作示例，请参阅 here .