内联 svg-polygon 悬停工具提示
Inline svg-polygon hover tooltips
由于某种原因，将鼠标悬停在所有多边形上时显示相同的标题（文本 1）。如何创建独特的标题或工具提示？
https://codepen.io/fka_dingo/pen/WXQrGe
<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>
谢谢！
多边形标记未正确闭合。它们有一个 /> 关闭它们，因此标题元素不是多边形 children。我在下面的多边形元素上将 /> 替换为 >。
<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>
由于某种原因，将鼠标悬停在所有多边形上时显示相同的标题（文本 1）。如何创建独特的标题或工具提示？
https://codepen.io/fka_dingo/pen/WXQrGe
<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>
谢谢！
多边形标记未正确闭合。它们有一个 /> 关闭它们，因此标题元素不是多边形 children。我在下面的多边形元素上将 /> 替换为 >。
<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>