SVG标记onHover事件(图)

Question

我正在构建我自己的线图，并想知道我将如何在悬停时进行<path>线交互。

例如(简化)：

<path d="M5,10L10,20L30,40"></path>

当用户悬停在5,10或10,20上并显示<circle>或一般的命令时，我将如何执行悬停事件？有什么东西我遗漏了吗?还是我必须探测到鼠标的位置？

Answer 1

SVG有一个名为标记的概念，它允许将任意形状添加到路径节点，但是标记不能接收事件，per the last line in the SVG marker specification text。

不处理附加到“标记”元素内容的事件属性和事件侦听器；只处理“标记”元素的呈现方面。

如果你觉得应该改变的话，take it up with the w3c SVG group。

如果您想要响应事件，您必须手动创建您自己的形状，并确保它们恰好位于正确的位置。