Cómo colocar texto en el centro de una ruta svg

Question

Jun 12, 2012, 10:06 AM

Cómo colocar texto en el centro de una ruta svg

Para renderizar SVG estoy usando el complemento jQuery SVG. Y, ahora quiero agregar texto a cada ruta y polígono. EnjsFiddle Puedes ver el marcado generado por plugin.

Para crear texto escribí el siguiente código:

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'));

En el codigo dejsFiddle se puede ver que eltextpath La etiqueta existe, pero no es visible. ¿Cómo agregar texto al centro de cada ruta?
Gracias.