Copy link to clipboard
Copied
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
1 Correct 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.
Explore related tutorials & articles
Copy link to clipboard
Copied
You might need to edit the code or edit the SVG in Inkscape to get a correct output.
Copy link to clipboard
Copied
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.
Copy link to clipboard
Copied
Great!
Please mark your own answer as correct. It will for sure help others.

