title: How to place text in the center of an svg path
body: <p>For rendering SVG I'm using jQuery SVG plugin. And, now I want to add text to each path and polygon. On <a href="http://jsfiddle.net/FhFZt/" rel="noreferrer">jsFiddle</a> you can see generated markup by plugin.</p>
  
  <p>For creating text I wrote the following code:</p>
  
  <pre><code>var svgg = $("#rsr").svg('get');
  var texts = svgg.createText();
  svgg.textpath($("#Layer_x0020_1"),id, texts.string('We go ').
     span('up', { dy: -30, fill: 'red' }).span(',', { dy: 30 }).
     string(' then we go down, then up again'));
  </code></pre>
  
  <p>In the code on <a href="http://jsfiddle.net/FhFZt/" rel="noreferrer">jsFiddle</a> you can see that the <code>textpath</code> tag exists, but it's not visible.
  How to add text to the center of each path?<br>
  Thanks.</p>