Como colocar texto no centro de um caminho svg

Question

Jun 12, 2012, 10:06 AM

Como colocar texto no centro de um caminho svg

Para renderizar SVG, estou usando o plugin jQuery SVG. E agora quero adicionar texto a cada caminho e polígono. EmjsFiddle você pode ver a marcação gerada pelo plug-in.

Para criar texto, escrevi o seguinte 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'));

No código emjsFiddle você pode ver que otextpath tag existe, mas não é visível. Como adicionar texto ao centro de cada caminho?
Obrigado.