如何添加一个工具提示到一个SVGgraphics？
我有一系列的svg矩形（使用D3.js），我想在鼠标hover上显示一条消息，消息应该被作为背景的框包围。 他们应该完全alignment到矩形（在顶部和居中）。 做这个的最好方式是什么？
我尝试使用“x”，“y”，“width”和“height”属性添加一个svg文本，然后添加一个svg矩形。 问题是，文本的参考点是在中间（因为我希望它居中alignment我使用text-anchor: middle ），但对于矩形它是左上angular的坐标，再加上我想围绕文本的一点空白这使得它有点痛苦。
另一个select是使用html div，这将是很好的，因为我可以直接添加文本和填充，但我不知道如何获得每个矩形的绝对坐标。 有没有办法做到这一点？
您可以使用标题元素作为Phrogz指示。 还有一些好的工具提示，比如jQuery的Tipsy http://onehackoranother.com/projects/jquery/tipsy/ （可以用来replace所有标题元素），Bob Monteverde的nvd3甚至Twitter的工具提示，从他们的Bootstrap http：// twitter.github.com/bootstrap/
你能简单地使用SVG <title>元素和它传达的默认浏览器渲染吗？ （注意：这与html中的div / img / span可以使用的title属性不一样，它需要是一个名为title的子元素 ）
rect { width: 100%; height: 100%; fill: #69c; stroke: #069; stroke-width: 5px; opacity: 0.5 }
<p>Mouseover the rect to see the tooltip on supporting browsers.</p> <svg xmlns="http://www.w3.org/2000/svg"> <rect> <title>Hello, World!</title> </rect> </svg>
