SVG在浏览器/图像查看器中看起来有所不同

时间:2019-04-17 18:20:33

标签: svg

对于一个简单的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字体。此外,当与计算机的图像查看器一起显示时,文本未正确居中。

这是为什么?

0 个答案:

没有答案