内联svg-polygon悬停工具提示

时间:2017-11-01 12:45:26

标签: svg hover tooltip polygon title

由于某些原因,当悬停在所有多边形上时会显示相同的标题(文本1)。如何创建独特的标题或工具提示?

Mac OS X v10.12

  <polygon class="st0" points="675.9,148.9 600.4,29 524.9,148.9" />
  <title>Text 1</title>
  </polygon>

  <polygon class="st1" points="438.6,283.6 759.5,283.6 688.5,171 509.6,171" />
  <title>Text 2</title>
  </polygon>

谢谢!

1 个答案:

答案 0 :(得分:0)

多边形标签未正确关闭。他们有/&gt;它关闭它们,因此标题元素不是多边形子元素。我已经取代了/&gt;用&gt;在下面的多边形元素上。

<svg viewBox="0 0 800 800">
<polygon class="st0" points="675.9,148.9 600.4,29 524.9,148.9">
  <title>Text 1</title>
  </polygon>

  <polygon class="st1" points="438.6,283.6 759.5,283.6 688.5,171 509.6,171">
  <title>Text 2</title>
  </polygon>
</svg>