html - 在路径上显示路径标题

Question

我想在悬停时始终在路径上显示路径标题。

这是示例路径代码：

<svg height="210" width="400">
  <path d="M150 0 L75 200 L225 200 Z" title="theTitle" />
</svg>

我想获取theTitle它并将其放置在路径上，那么我该怎么做呢？

标签： htmlcsssvg

Answer 1

您可以title通过将标签与要显示的路径分组来使用标签。

<svg height="210" width="400">
  <g>
    <title>First title</title>
    <path d="M150 0 L75 200 L225 200 Z" />
  </g>
  <g>
    <title>Second title</title>
    <path d="M350 0 L175 400 L325 400 Z" />
  </g>
</svg>