对于一个简单的SVG矩形,我有以下代码,其中一些文本居中居中。
<svg version="1.1"
baseProfile="full"
width="150" height="100"
xmlns="http://www.w3.org/2000/svg">
<path d="M0,0 L100,0 L100,100 L0,100 Z"
stroke="black"
stroke-width="0"
fill="blue" />
<text x="50" y="50" dominant-baseline="middle" font-family="Helvetica" font-size="40" text-anchor="middle" fill="white">TEXT</text>
</svg>
此图像在Chrome的网页中使用时可以正确显示,但在Firefox上,该字体似乎是衬线字体,而不是我在图像中指定的Helvetica字体。此外,当与计算机的图像查看器一起显示时,文本未正确居中。
这是为什么?