我正在构建自己的折线图,并希望知道如何<path>在悬停时进行线交互.
例如(简化):
<path d="M5,10L10,20L30,40"></path>
当用户将鼠标悬停在5,10或10,20显示<circle>或仅显示命令时,我将如何执行悬停事件？有什么东西我缺少或者我必须检测鼠标的位置吗？
SVG有一个称为标记的概念,它允许将任意形状添加到路径节点,但标记不能接收事件,这是SVG标记规范文本中的最后一行.
附加到'marker'元素内容的事件属性和事件侦听器不会被处理; 只处理'marker'元素的渲染方面.
如果您认为这应该更改,请使用w3c SVG组.
如果您想要响应事件,则必须手动创建自己的形状并确保它们恰好位于正确的位置.