title: convert text html to svg text
body: <p>[we have a json that can have a text in the following ways]</p>
  <pre><code>  text{
          width: 50px;
          height: 50px;
          text: ['I am a single line text']
      }
  </code></pre>
  <p>[suppose the text is 150px automatically when we insert it in the div the text is 150px but the size It is 50px the text automatically makes its line breaks even if they do not exist.]</p>
  <p>[What's up in svg? The existing line breaks are read and although line breaks are visually seen if they don't exist, it doesn't take them into account]</p>
  <p><a href="https://www.awesomescreenshot.com/video/1519138?key=bcd96756ccf017b35edfd61e87197e82" rel="nofollow noreferrer">https://www.awesomescreenshot.com/video/1519138?key=bcd96756ccf017b35edfd61e87197e82</a></p>
  <p>[the text on the left is html and the text on the right is svg text]
  [I have no problem interpreting the enter or the line breaks but I do]
  [In the html it does not have it I can not do what solution could apply to that problem]</p>