Hi Zhu, You'll want to check out fill patterns in the spec:
http://www.w3.org/TR/SVG11/pservers.html#Patterns The basic idea is to define your fill in a <defs/> section using symbols and markers as needed, then apply your fill pattern to the path element. ala a modified example from the spec: <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd";> <svg width="8cm" height="4cm" viewBox="0 0 800 400" version="1.1" xmlns="http://www.w3.org/2000/svg";> <defs> <pattern id="TrianglePattern" patternUnits="userSpaceOnUse" x="0" y="0" width="100" height="100" viewBox="0 0 10 10" > <path d="M 0 0 L 7 0 L 3.5 7 z" fill="red" stroke="blue" /> </pattern> </defs> <!-- Outline the drawing area in blue --> <rect fill="none" stroke="blue" x="1" y="1" width="798" height="398"/> <!-- The ellipse is filled using a triangle pattern paint server and stroked with black --> <path d="m 50 50 h 698 l -698 50 h 698 l -698 50 h 698 l -698 50 h 698 l -698 50 h 698 l -698 50 h 698 l -698 50 h 698" stroke="url(#TrianglePattern)" stroke-width="10" fill="none"/> </svg> That should get you to where you want to go. Cheers, Alastair http://spark.sourceforge.net --- In [email protected], zhu yang <[EMAIL PROTECTED]> wrote: > Hi, group > I met some difficulties for drawing the following lines with SVG. Click the hyperlink, you can see the desired line > > lane http://pg.photos.yahoo.com/ph/zhg331/detail?.dir=/f620&.dnm=2d34.jpg&.src=ph > Bus route > http://pg.photos.yahoo.com/ph/zhg331/detail?.dir=/f620&.dnm=d6e0.jpg&.src=ph > railroad > http://pg.photos.yahoo.com/ph/zhg331/detail?.dir=/f620&.dnm=14a0.jpg&.src=ph > nautical > http://pg.photos.yahoo.com/ph/zhg331/detail?.dir=/f620&.dnm=6999.jpg&.src=ph > tripleGraded > http://pg.photos.yahoo.com/ph/zhg331/detail?.dir=/f620&.dnm=7087.jpg&.src=ph > coutour > http://pg.photos.yahoo.com/ph/zhg331/detail?.dir=/f620&.dnm=cdb8.jpg&.src=ph > > BTW, the path has been determined. Is it possible to draw these lines without changing the path. > > Thank you very much > > > --------------------------------- > Start your day with Yahoo! - make it your home page > > [Non-text portions of this message have been removed] ------------------------ Yahoo! Groups Sponsor --------------------~--> <font face=arial size=-1><a href="http://us.ard.yahoo.com/SIG=12hj4bpti/M=362131.6882499.7825260.1510227/D=groups/S=1706030389:TM/Y=YAHOO/EXP=1124770913/A=2889191/R=0/SIG=10r90krvo/*http://www.thebeehive.org ">Get Bzzzy! (real tools to help you find a job) Welcome to the Sweet Life - brought to you by One Economy</a>.</font> --------------------------------------------------------------------~-> ----- 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/ <*> 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/
