Hi Jan, Not sure if this is what you have in mind, but perhaps experiment with something like this: <svg xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink"; > <path id="path0" d="M10 150C65.228 150 110 194.772 110 250C110 305.228 65.228 350 10 350" stroke="green" fill="none"/> <path id="path31" d="M300 100 A 100 100 1 1 1 300 250" stroke="red" fill="none" stroke-width="3"/> <text text-anchor="middle" font-size="26"><textPath xlink:href="#path0" startOffset="50%">Hello</textPath></text> <text text-anchor="top" font-size="26"> <textPath xlink:href="#path31" startOffset="8%" kerning="4"> <tspan dy="20 -5 5 0 -5">Hello</tspan> </textPath></text> </svg>
The first one is your first curve, the second one I used an A subcommand of <path> (just to simplify the code) and then applied a <tspan> with the dy attribute, so as to "top-align" the text to the curve. This last feature, is perhaps desirable or not, but does occur "in the wild" : http://srufaculty.sru.edu/david.dailey/svg/top-align.htm What I've not been able to figure out, despite considerable experimentation, is how to determine the values of dy through script, since the measure of glyphs seems unable to inform me (owing to descents and risers and hooks and flags and curlicues and all those other funny things that fonts have). The above link shows some of the footprints of those investigations. Ultimately, I'd like to be able to squash glyphs to fit into curvilinear containers to allow SVG to have better textual control, since it seems like SVG ought to be the place to do that, rather than having to invent a new spec. cheers David ----- Original Message ----- From: "honyk" <[email protected]> To: <[email protected]> Sent: Saturday, March 05, 2011 4:22 AM Subject: RE: [svg-developers] Text on arc - rendering position Just 600 B file has been removed from my message so here is a direct link: http://skibob.dobruska.cz/other/text_path_ex.svg Subject: [svg-developers] Text on arc - rendering position Hello Everyone, is there any possibility to specify the text rendering position on a path? I mean to specify if it has to be rendered inside or outside the hypothetical circle. In the attached example I'd like to achieve that text on red arc rendered outside. Is is possible without any transformations? Regards, Jan ------------------------------------ ----- To unsubscribe send a message to: [email protected] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ----Yahoo! Groups Links ------------------------------------ ----- To unsubscribe send a message to: [email protected] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ----Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: [email protected] [email protected] <*> To unsubscribe from this group, send an email to: [email protected] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
