将文本放在 svg 多边形内

Question

我有一个三角形的多边形。但是多边形内部的文本没有渲染。任何帮助表示赞赏。这是我到目前为止所尝试的，我无法弄清楚为什么文本没有呈现。我真的可以在多边形内放置这样的点吗？

 <svg xmlns="http://www.w3.org/2000/svg"  width="25" height="25" viewBox="0 0 64 64">
<polygon fill="#F3BC23" stroke="#F3BC23" stroke-width="1" points="30,4 4,60 60,60"/><polygon>
<text x="10" y="14" text-anchor="middle" fill="white" font-size="10"></text>

提前致谢。

Answer 1

您的 SVG 存在许多问题。

1. 中的points属性<polygon>格式不正确。它缺少逗号。
2. 您<polygon>在该行的末尾有一个流浪标签。
3. 您的<text>元素中没有文本。
4. 文本的位置不在多边形上方。白色背景上的白色文本将不可见。
5. 我还增加了font-size使文本可见。

<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 64 64">
  <polygon fill="#F3BC23" stroke="#F3BC23" stroke-width="1" points="30,4,4,60,60,60"/>
  <text x="32" y="50" text-anchor="middle" fill="white" font-size="30">X</text>
</svg>