SVG 的自定义路径标题

Question

我目前正在研究 svg，我想知道是否可以在悬停某些元素时轻松弹出工具提示。

我发现属性标题在这样使用时可用：

<path>
    <title>Custom title</title>
</path>

然后我考虑自定义标题元素，以便它可以更快地产生，具有不同的背景等......

所以我尝试了不同的事情，比如：

path[title]:hover:after { instructions }

但不幸的是，它似乎不起作用。

有人知道从路径元素自定义标题的简单方法吗？

感谢您的帮助。

Answer 1

第二次编辑（啊！）：

该网站：http : //www.w3schools.com/css/tryit.asp ?filename=trycss_tooltip 显示了如何按照您的意愿对工具提示进行样式设置。

编辑：

对于路径的 SVG 工具提示，它是这样的：

  <path d="M150 0 L75 200 L225 200 Z">
     <title>This is a traingle</title>
  </path>

希望这行得通，因为我测试了它。

============

如果您想在图像元素上显示工具提示，请执行以下操作：

<img title="tooltip text"></img>

其他事情也是一样。

另外，当你在css中放置括号时，即放置：

path[attribute=value]

所以你会想要：

path title:hover:after { 
  // styling 
} 

我很乐意提供帮助。希望这有效！