Skip navigation
HankBrutowsky1
HankBrutowsky1 Calculating status...
Currently Being Moderated

Export to SVG: Textpath start offset issues...

Jan 30, 2013 3:51 AM

Tags: #illustrator #svg

Simple example:

I draw a 1000px horizontal line in illustrator CS5, put a text on the path and drag the starting point to 250px.

Illustrator translates the "startOffset"-Attribute of the text-node to something around 32% rather than the expected 25%.

Also and as expected, when displaying the SVG in Firefox or any capable browser the position of the text is not the same as in illustrator.

 

Does anyone know the reason for this behaviour or if it is a bug? If not, is there a workaround to get the text positioned correctly in the SVG?

 

Thank you for your help!

Best regards

Sam

347 Views   3 Replies   Latest reply: HankBrutowsky1, Feb 5, 2013 3:51 AM
 
Replies
  • Mylenium
    Currently Being Moderated
    1. Mylenium,
    Jan 30, 2013 7:07 AM   in reply to HankBrutowsky1
    Report

    AI thinks in inches and point and DPI matters a lot... Check your document settings. Also you approach will generally be problematic as it doesn't produce proper persistent coordinates and a simple difference in rendering the referenced font would result in a different placment of the text... Move the text element in its entirety if this is critical...

     

    Mylenium

     
    |
    Mark as:
  • HankBrutowsky1
    Currently Being Moderated
    2. HankBrutowsky1,
    Jan 30, 2013 7:25 AM   in reply to Mylenium
    Report

    Hey Mylenium, thanks for your quick answer.

    Units might be a lead, I will look at that...

     

    As for positioning: When I correct the startOffset value to 25% (according to the example above) manually in the svg file, the text is actually displayed at the correct starting point, just like in the illustrator file.

     

    So, it seems that, really, AI interprets this value differently (in a sort of exponential way) than browsers (in a linear way).

     

    I could go with single tspan elements with absolute coordinates distributed along the path, but performance in the browser seems to be lower and the text is harder to work with...

     
    |
    Mark as:
  • HankBrutowsky1
    Currently Being Moderated
    3. HankBrutowsky1,
    Feb 5, 2013 3:51 AM   in reply to HankBrutowsky1
    Report

    Found a solution myself:

    If anybody is facing the same issues:

    http://stackoverflow.com/questions/14605511/illustrator-to-svg-how-is- startoffset-for-textpath-calculated/14706503#14706503

     

    Good Luck

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points