svg里text標簽的注意事項


1、text標簽的寫法要注意,有回車和無回車在瀏覽器中的顯示結果是不一樣的,回車符會占位

舉例,下面兩行文字,雖然 x 都是 208,但是由於非諧波表3的前面有回車符,導致兩行文字並不會左對齊:

<text x="208" y="325" xml:space="preserve" font-family="微軟雅黑" 
    font-size="15" fill="white" stroke="none" stroke-opacity="0" 
    stroke-width="5.6" baseline-shift="baseline"> 非諧波表3</text>

<text x="208" y="325" xml:space="preserve" font-family="微軟雅黑" 
    font-size="15" fill="white" stroke="none" stroke-opacity="0" 
    stroke-width="5.6" baseline-shift="baseline">非諧波表4</text>

 

2、文字有一個對齊方式的屬性 text-anchor ,屬性有三個值,見下圖

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM