在同一頁上的兩個SVG

Question

我想在同一個頁面上呈現兩個svg對象，但只有第一個呈現，第二個頁面有文本「這是第二個頁面文本」，這是不顯示。

http://jsfiddle.net/myTv4/

<?xml version="1.0" encoding="UTF-8" standalone="no" ?> 
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" viewBox="0 0 936 629" preserveAspectRatio="none"> 
<defs></defs> 
<g transform="translate(304.89 84)"> 
<text font-family="arial" font-size="20" font-weight="normal" style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); opacity: 1;" transform="translate(-83.89 19)"> 
<tspan x="0" y="-13" fill="rgb(0,0,0)">click todsfsdfs edit!</tspan> 
</text> 
</g> 
<g transform="translate(319.68 239)"> 
<text font-family="arial" font-size="20" font-weight="normal" style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); opacity: 1;" transform="translate(-81.68 19)"> 
<tspan x="0" y="-13" fill="rgb(0,0,0)">this is blocked text</tspan> 
</text> 
</g> 
</svg> 
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" viewBox="0 0 500 150" preserveAspectRatio="none"> 
<defs></defs> 
<g transform="translate(255.46 254)"> 
<text font-family="arial" font-size="20" font-weight="normal" style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #18bd18; opacity: 1;" transform="translate(-104.46 19)"> 
<tspan x="0" y="-13" fill="#18bd18">this is second page text</tspan> 
</text> 
</g> 
</svg> 

其顯示問號字符，當服務器呈現它，我不知道爲什麼它顯示這個角色。當我

http://screencast.com/t/zLQPhb3vB

感謝

Answer 1

保存爲網頁以其優良的這部分推你的文字離頁

<g transform=   "translate(255.46 254)"    > 
<text font-family="arial" font-size="20" font-weight="normal" style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #18bd18; opacity: 1;" 
transform=    "translate(-104.46 19)"    > 

http://jsfiddle.net/Vinodh/myTv4/1/

錯誤是在定位（SVG變換翻譯部分）... 「translate（-104.46 19）」在負X軸方向上推線ñ104.46px

建議您使用基於矢量的編輯器創建SVG的如
Adob​​e Illustrator中（付費），
Corel繪圖（付費），
Inkscape（免費），
SVG edit（免費）

關於問號......！ 它應該是來自服務器的編碼錯誤...嘗試查看您的服務器發送的是什麼編碼！它應該更改爲UTF-8。