Now, if you someone can just figure out how to get SMIL animation to follow those nice wavy paths!
Seriously, I've been interested in that problem for some time in an allied context -- see http://srufaculty.sru.edu/david.dailey/svg/tiles.svg The idea is to be able to simulate traffic on arbitrary random highways systems (or neural activation). The tiles (implemented here as the 35 topological identifications of pairs of edges of octagons (represented here, for ease of planar tiling, as lines from sides of squares) form a nice alphabet (with or without rotation) -- see here for a cryptological application http://srufaculty.sru.edu/david.dailey/javascript/traverse.html . I've been avoiding writing a script to move little critters along these composite paths, partly since the code I wrote here many years ago is so messy that I should just burn it down and start over, and partly since I know it'd be difficult to identify matching parts of pathways. I think I might start with a triangular tessellation since the 5 glyphs of hexagonal point-set topology (5 x 3 x 1 / 3 symmetries) would be easier to deal with than the 35 of the octagonal edge mappings. The problem in your case, of identifying start and endpoints of pathsegments that have been replicated as parts of a font (particularly as laid out on a curve), seems even more intractable to my current thinking. Any ideas? David ----- Original Message ----- From: brucerindahl To: svg-developers@yahoogroups.com 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/
