title: Positioning of SVG text
body: <p>I need to position and animate SVG text as follows. The start position is (the pipe character represents x=0):</p>
  
  <pre><code>.................|..................
        SOME_TEXT_1 
  SOME_OTHER_TEXT_2
  </code></pre>
  
  <p>and the end position is:</p>
  
  <pre><code>.................|..................
                    SOME_TEXT_1 
                    SOME_OTHER_TEXT_2
  </code></pre>
  
  <p>To do this, I believe I need to know the size at runtime of the of the text and do something like:</p>
  
  <pre><code>    &lt;animateMotion path="M 0 0 L SOME_TEXT_1_LENGTH 0" begin="0s" dur="1.5s" fill="freeze" /&gt;
      &lt;text x="0 - SOME_TEXT_1_LENGTH" y="100" font-family="Arial" font-size="36" fill="#ffffff"&gt;SOME_TEXT_1&lt;/text&gt;
  </code></pre>
  
  <p>Is something like this possible (specifically, I'm referring to my usage of SOME_TEXT_1_LENGTH which isn't valid SVG but mathematically is what I would need)?</p>