给定一个现有的有效SVG文档，创建"信息弹出窗口"的最佳方法是什么，因此，当我们悬停或者单击某些元素(例如)时，我们会弹出一个带有任意数量的框(即，不仅仅是一行提示)额外的信息？

该图像至少应在Firefox中正确显示，并且在将图像光栅化为位图格式时不可见。

解决方案

<svg>
  <text id="thingyouhoverover" x="50" y="35" font-size="14">Mouse over me!</text>
  <text id="thepopup" x="250" y="100" font-size="30" fill="black" visibility="hidden">Change me
    <set attributeName="visibility" from="hidden" to="visible" begin="thingyouhoverover.mouseover" end="thingyouhoverover.mouseout"/>
  </text>
</svg>

在这里可以找到进一步的解释。