为了在SVG中垂直对齐文本,必须使用该dominant-baseline属性.这已经在SO(在SVG中对齐文本)上进行了讨论,并且是规范的一部分.
我的问题是IE9显然不支持dominant-baseline和其他一些东西.
您对如何dominant-baseline: central在IE9中进行近似有任何想法吗？
这是一个适用于FF和Chrome的示例.它在IE9,Opera 11中不起作用.Windows上的Safari不支持central,但支持middle仍然很好.
<?xml version="1.0"?>
<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg">
<path d="M 10 100 h 290" stroke="blue" stroke-width=".5" />
<text x="40" y="100" font-size="16" style="dominant-baseline: auto;">
XXX dominant-baseline: auto; XXX
</text>
<path d="M 10 200 h 290" stroke="blue" stroke-width=".5" />
<text x="40" y="200" font-family="sans-serif" font-size="15" style="dominant-baseline: central;">
XXX dominant-baseline: central XXX
</text>
</svg>