Thanks for the update-- quite nice! David ----- Original Message ----- From: brucerindahl To: [email protected] Sent: Tuesday, February 19, 2008 4:58 PM Subject: [svg-developers] Re: Wavy line symbol in SVG
My final solution to this was to use a variant of the font method given by Andreas. I split the wave into four parts and assigned a different letter to each part. The glyph's were unclosed lines without fill so the stroke width can be controlled. Each glyph was 26 unit long with an advancement of 25 units so there is a slight overlap to give a continuous line. Adding stroke-linecap="round" gives the final touch. The final version is as follows: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd";> <svg xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink"; width="100%" height="100%"> <defs> <font id="myFont" horiz-adv-x="100"> <font-face font-family="My Font" units-per-em="100"/> <missing-glyph horiz-adv-x="100"/> <glyph unicode="a" horiz-adv-x="25" d="M 0 0 C 10 10 15 15 26 15 " /> <glyph unicode="b" horiz-adv-x="25" d="M 0 15 C 10 15 15 10 26 0 " /> <glyph unicode="c" horiz-adv-x="25" d="M 0 0 C 10 -10 15 -15 26 -15 " /> <glyph unicode="d" horiz-adv-x="25" d="M 0 -15 C 10 -15 15 -10 26 0 " /> </font> </defs> <path id="myFirstPath" fill="none" stroke="blue" stroke-width="2" d="M20,300L300,300v100h200"/> <text font-family="My Font" font-size="40" fill="none" stroke="red" > <textPath xlink:href="#myFirstPath" > abcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcd</textPath> </text> <path id="mySecondPath" fill="none" stroke="blue" stroke-width="2" d="M 100 100 C 300 300 300 -100 500 100"/> <text font-family="My Font" font-size="40" fill="none" stroke="green" stroke-width="2" stroke-linecap="round" > <textPath xlink:href="#mySecondPath"> abcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcd</textPath> </text> </svg> Thanks for all the help! Bruce [Non-text portions of this message have been removed] ----- 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: mailto:[EMAIL PROTECTED] mailto:[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/
