I have two lines of text each <tspan> tag for each.
<tspan dy="-11.7890625">welocme</tspan> <tspan dy="16.8" x="285.75">text</tspan>
Need a line break between them. but <br> is not working.
Can any one help me out here?
Asked
Active
Viewed 9,162 times
7
-
Can you provide some code here? This is quite vague. – Sid Mar 02 '18 at 06:13
-
welocme
text – affu Mar 02 '18 at 06:23 -
I request you to edit the question and put the code in the question. – Mar 02 '18 at 06:28
-
Pls edit the question and put the code which you have mentioned in the comment. – Libin C Jacob Mar 02 '18 at 06:45
-
1I think this link may help you to solve your problem. https://stackoverflow.com/questions/16701522/how-to-linebreak-an-svg-text-within-javascript – Libin C Jacob Mar 02 '18 at 06:48
1 Answers
11
I think this is not possible.
You can however use multiple tspan elements inside text element and use em units for dy attribute. Have in mind that there are two possible positioning attributes:
- (x & y) - set absolute position
- (dx & dy) - set relative position
<svg width="200" height="200">
<text x="0" y="0">
<tspan x="0" dy="1em">Hello</tspan>
<tspan x="0" dy="1em">World</tspan>
</text>
</svg>
Pavle
- 145
- 11