Text on a path not showing in SVG

Question

At the moment I'm trying to export a diagram created in Illustrator to an SVG format and I'm having an issue exporting some of the text which is on a curved path.

I have tried various export options one being having the '<textPath> element for Text on Path' checkbox checked. This seems to export the correct code but when I view the SVG in the browser the text on the path is not showing. The other type of export gives me the text in the correct position and viewable but splits the words up into individual letters. I'm trying to create an accessible SVG that can be read by a screen reader, so I need all the words on the text path to be a complete sentence.

Any advice would be most appreciated.

Thanks

davidp59357265 · Accepted Answer

Thanks for the reply, I think I have found the reason the text on the path was not showing it was that the path was an 'ellipse' not a 'path'.

I have done a test and the text rendered correctly and it also has kept it as a complete sentence. I did have to play around with the 'startOffset' percentage in the code to get it into the correct position.

Monika Gause · Answer

You might need to edit the code or edit the SVG in Inkscape to get a correct output.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded