我有一个三 Angular 形的多边形。但多边形内的文本未呈现。任何帮助表示赞赏。到目前为止,这是我尝试过的,我无法弄清楚为什么文本没有呈现。我真的可以在多边形内放置一个文本吗?
<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 有很多问题。
points
<polygon>
中的属性格式不正确。它缺少逗号。- 你有一只流浪狗
<polygon>
标记在该行的末尾。 - 您的
<text>
中没有文字元素。 - 文本的位置不在多边形之上。白色背景上的白色文本将是不可见的。
- 我还增加了
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>
关于css - 将文本放在 svg 多边形内,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46699715/