Note svg in text labels

1, written text labels to note that the results show there is no carriage return and Enter in the browser is not the same, carriage returns will placeholder

For example, the following two lines of text, while x is 208, but as the front sheet 3 has a non-harmonic carriage, resulting in two lines of text not left justified:

<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, the text has a text-anchor property of the alignment, there are three property values ​​shown below

 

Guess you like

Origin www.cnblogs.com/LcxSummer/p/12396958.html
SVG