在Mozilla Firefox中的文本元素額外下劃線

我在mozilla firefox中有屬性問題。在歌劇和谷歌鉻文本顯示在SVG的中心，但在Mozilla不是。 y座標工作正常，但x座標錯過。在Mozilla Firefox中的文本元素額外下劃線

http://awtest.alterway.info/ < <這是我們的網站鏈接，請在谷歌，歌劇和Mozilla Firefox中看到它，你會猜測區別。如果您知道如何解決此問題，請幫助:)

來源

2014-12-13 Gio Nebieridze

擺脫<text>元素中不必要的空白。這是Chrome的bug，不支持xml：space，因爲Opera 12的顯示效果與Firefox相同。

來源

2014-12-13 14:28:02

你有兩種選擇。你可以保持的一個，而不是兩者：

的xml:space="preserve"屬性
或之前和之後<tspan>的空間。

如果要保留XML格式/縮進，請刪除xml:space屬性。

 <svg version="1.1" id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
     viewBox="0 0 640 480"> 
     <circle fill="#05aabb" cx="320" cy="240" r="126.5"/> 
     <text x="255" y="260" font-family="Verdana" font-size="40" fill="white" style="text-decoration: underline;"> 
     <tspan x="255">WORK</tspan> 
     </text> 
     </svg>

Demo here

另外：

的enable-background屬性是不必要的。
padding在SVG上下文中沒有意義。

來源

2014-12-14 07:52:20

它曾在opera和google chrome中工作，但在mozilla中又是一個問題。圈內的文字下方有一條黑線。 – 2014-12-14 09:09:57

你可以發表一個小提琴來展示這個問題嗎？ – 2014-12-14 13:06:43

http://awtest.alterway.info <<在不同的瀏覽器中查看此網址。在谷歌和歌劇它是可以的，但在Firefox和IE瀏覽器有問題。當你看到這個網址時，你會猜測你自己。 – 2014-12-14 13:25:14

在Mozilla Firefox中的文本元素額外下劃線

回答

相關問題