Question

我有一个分成多行的SVG文本元素，如下所示：

<text class="label" text-anchor="middle">
<tspan x="0" y="0" dx="0" dy="0em">Managing</tspan>
<tspan x="0" y="0" dx="0" dy="1em">director or...</tspan>
</text>

当我将鼠标悬停在文字上时，我想要一个更长的短语“管理总监或总裁”。

我是否有一种简单的方法可以使用title属性或类似方法？我尝试在title和text标记中添加tspan属性，但似乎没有帮助。

Answer 1

试试这个：

<text class="label" text-anchor="middle">
  <tspan x="0" y="0" dx="0" dy="0em">Managing</tspan>
  <tspan x="0" y="0" dx="0" dy="1em">director or...</tspan>
  <title>Managing director or president</title>
</text>

SVG有自己的一组标签。 Source

SVG文本标签：鼠标悬停时显示标题？

1 个答案: