For rendering SVG, I use jQuery SVG plugin. And now I want to add text to each path and polygon. On jsFiddle, you can see the generated markup by the plugin.
To create the text, I wrote the following 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'));
In jsFiddle code , you can see that the textpath
tag exists, but it does not appear. How to add text to the center of each path?
Thanks.
source share