2011-07-17 119 views
1

我想了解svg中的tspan標記,這裏有些奇怪。看看下面的代碼,FF和Chrome在tspans之間引入了一個水平偏移量,但不應該有。SVG tspan水平偏移

<svg width="625" height="470" xmlns="http://www.w3.org/2000/svg"> 
<text y="406" x="379" text-anchor="start" stroke-width="0" stroke="#000000" fill="#FF0000"> 
<tspan x="379" font-weight="normal" font-style="normal" font-size="24" font-family="Arial" fill="#000000" dy="0">a</tspan> 
<tspan font-weight="normal" font-style="normal" font-size="24" font-family="Arial" fill="#000000">aa</tspan> 
</text> 
</svg> 

現在去http://svg-edit.googlecode.com/svn/trunk/editor/svg-editor.html,並輸入在SVG編輯器的代碼(在頂部菜單欄中的第二個按鈕),然後應用更改。 tspans之間的偏移量不存在!我找不到爲什麼,在HTML,SVG和CSS中似乎沒有什麼特別的。

我希望有人能解決這個謎題。它似乎被連接到字體大小,改變偏移量。但是,當它設置爲0px時,文本消失。

回答

3

tspans之間的換行符將被轉換爲空格。我猜想svg-edit會將它們剝離。

+0

你真棒 – pogon

+0

謝謝 - 這一直讓我瘋狂 - Chrome處理換行符和空格與HTML相同 - 我想知道關於規範是否正確。 – scytale