So platzieren Sie Text in der Mitte eines SVG-Pfads

Question

Jun 12, 2012, 10:06 AM

So platzieren Sie Text in der Mitte eines SVG-Pfads

Zum Rendern von SVG verwende ich das jQuery SVG-Plugin. Und jetzt möchte ich jedem Pfad und Polygon Text hinzufügen. AufjsFiddle Sie können das erzeugte Markup durch das Plugin sehen.

Zum Erstellen von Text habe ich folgenden Code geschrieben:

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

Im Code aufjsFiddle Sie können sehen, dass dietextpath Tag existiert, ist aber nicht sichtbar. Wie füge ich Text in die Mitte jedes Pfades ein?
Vielen Dank.