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 ,屬性有三個值,見下圖