Svg 在圆内居中显示垂直和水平文本

Svg 在圆内居中显示垂直和水平文本,svg,Svg,我想将文本(两行)垂直和水平居中放置在这个圆圈内,但出现了一些问题: 我还尝试将背景图像放置在中间,但我希望它位于虚线/虚线边界层下方,而不是其上方。有什么建议吗 这里是文本应该是怎样的,但我希望它是文本,而不是tspan。当然还有一个居中的背景图像 如果不想使用tspan,则需要两个文本元素。您可以将两个元素的坐标设置为50%/50%,然后 要在该点上水平居中,请使用中键 要将第一行放置在该点正上方,第二行放置在该点正下方,请使用基线/悬挂(要在行之间获得更多空间,需要稍微调整y坐标)

我想将文本(两行)垂直和水平居中放置在这个圆圈内,但出现了一些问题:

我还尝试将背景图像放置在中间,但我希望它位于虚线/虚线边界层下方,而不是其上方。有什么建议吗

这里是文本应该是怎样的,但我希望它是文本,而不是tspan。当然还有一个居中的背景图像


如果不想使用
tspan
,则需要两个
文本
元素。您可以将两个元素的坐标设置为50%/50%,然后

  • 要在该点上水平居中,请使用
    中键
  • 要将第一行放置在该点正上方,第二行放置在该点正下方,请使用
    基线/悬挂
    (要在行之间获得更多空间,需要稍微调整
    y
    坐标)
例如:


正文{
字体系列:无衬线;
字体大小:30px;
}
    
    
第一排
第二排

谢谢,这些对齐成功了。它工作得很好。谢谢!还有一个问题:如果我有5条线,想让它们都垂直居中,一条线在另一条线的下方,该怎么办?@Daniellaş我用多线解决方案更新了我的答案。相关问题: