在SVG中对齐文本

我试图用混合的行和简短的文本片段(通常是两个或三个单词)制作SVG XML文档.我遇到的主要问题是使文本与线段对齐.

对于水平对齐方式,我可以使用text-anchor与left,middle或right.我找不到垂直对齐的等价物; alignment-baseline似乎没有这样做,所以目前我dy="0.5ex"用作中心对齐的kludge.

是否有正确的方式与文本的垂直中心或顶部对齐？

事实证明,您不需要显式文本路径.Firefox 3仅部分支持垂直对齐标记(请参阅此主题).似乎显性基线仅在作为样式应用时起作用,而text-anchor可以是样式或标记属性的一部分.

  Vertical




  Horizontal




  Bit of Both

这适用于Firefox.不幸的是,Inkscape似乎没有处理显性基线(或者至少不是以相同的方式).