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。

不处理附加到'marker'元素内容的事件属性和事件侦听器;只处理'marker'元素的渲染方面。

如果您认为这应该改变，take it up with the w3c SVG group。

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