在SVG中alignment文本

我正在尝试使用混合的行和简短的文本片段(通常是两个或三个字)来制作SVG XML文档。 我遇到的主要问题是让文本与线段alignment。

对于水平alignment,我可以使用leftmiddleright text-anchor 。 我无法find垂直alignment的等价物; alignment-baseline似乎没有做到这一点,所以目前我使用dy="0.5ex"作为中心alignmentdy="0.5ex"

有没有正确的方式与文字的垂直中心或顶部alignment?

事实certificate,你不需要明确的文本path。 Firefox 3只支持垂直alignment标记( 请参阅此主题 )。 似乎主导基线只在作为样式应用时起作用,而文本锚可以是样式或标签属性的一部分。

 <path d="M10, 20 L17, 20" style="fill:none; color:black; stroke:black; stroke-width:1.00"/> <text fill="black" font-family="sans-serif" font-size="16" x="27" y="20" style="dominant-baseline: central;"> Vertical </text> <path d="M60, 40 L60, 47" style="fill:none; color:red; stroke:red; stroke-width:1.00"/> <text fill="red" font-family="sans-serif" font-size="16" x="60" y="70" style="text-anchor: middle;"> Horizontal </text> <path d="M60, 90 L60, 97" style="fill:none; color:blue; stroke:blue; stroke-width:1.00"/> <text fill="blue" font-family="sans-serif" font-size="16" x="60" y="97" style="text-anchor: middle; dominant-baseline: hanging;"> Bit of Both </text> 

这在Firefox中起作用。 不幸的是,Inkscape似乎没有处理主导基线(或至less不是以相同的方式)。

这个效果确实可以通过将alignment-baseline设置为centralmiddle来实现。