Css 将文本放置在svg多边形内部

我有一个三角形的多边形。但是多边形内部的文本不会渲染。感谢您的帮助。这就是我到目前为止所尝试的，我无法找出文本无法呈现的原因。我真的可以把一个文本放在一个多边形里面，上面有这样的点吗

 <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>

提前感谢。

您可以使用

这是你的密码

<svg>

<text x="10" y="10">text</text>

</svg>

文本

您的SVG存在许多问题

中的

点

属性的格式不正确。它缺少逗号

在那一行的末尾有一个零散的

标记

您的

元素中没有文本

文本的位置不在多边形上方。白色背景上的白色文本将不可见

我还增加了

字体大小

，使文本可见

X