在 SVG 路径内嵌套文本

是否可以嵌套文本（例如text元素）在 SVG 内path元素？

我这样问是因为我希望将鼠标悬停在路径上时显示一个文本气球，如下所示：

path#mypath:hover text {
    display:block;
}

我想避免使用 JavaScript，但我知道这可能是唯一的选择。

根据这个：https://developer.mozilla.org/en-US/docs/Web/SVG/Element/path https://developer.mozilla.org/en-US/docs/Web/SVG/Element/path你不能筑巢<text> inside <path>

但是，您可以使用相邻元素作为悬停效果的触发器：http://jsfiddle.net/93ufH/1/ http://jsfiddle.net/93ufH/1/

<svg>
    <rect x="10" y="10" width="100" height="100"/>
    <text x="0" y="50" font-family="Verdana" font-size="55" fill="blue" > 
        Hello
    </text>
</svg>

CSS

svg text{
    visibility:hidden;
}

svg rect:hover + text{
    visibility:visible;
}