将文本放在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，以便文字可见。
＆＃13;
＆＃13;
<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>
＆＃13;
＆＃13;
＆＃13;

Answer 2

您可以使用{{1}}

这是您的代码

{{1}}