Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
0

Text on a path not showing in SVG

Community Beginner ,
Apr 16, 2019 Apr 16, 2019

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

4.5K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Beginner , Apr 16, 2019 Apr 16, 2019

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.

Translate
Adobe
Community Expert ,
Apr 16, 2019 Apr 16, 2019

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 16, 2019 Apr 16, 2019

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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 16, 2019 Apr 16, 2019
LATEST

Great!

Please mark your own answer as correct. It will for sure help others.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines