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.