svg - SVG 标记 onHover 事件（图表）

Question

我正在构建自己的折线图，想知道如何制作<path>在悬停时使线交互。

例如（简化）：

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

当用户悬停5,10或10,20显示一个<circle>或仅显示一个命令时，我将如何执行悬停事件？有什么我遗漏的东西还是我必须检测鼠标的位置？

Answer 1

根据 SVG 标记规范文本中的最后一行， SVG 有一个称为标记的概念，它允许将任意形状添加到路径节点，但标记不能接收事件。

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

如果您认为这应该改变，请与 w3c SVG group 一起讨论。

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