W3C home > Mailing lists > Public > www-svg@w3.org > January 2013

Re: fancy lines

From: Tavmjong Bah <tav.w3c@gmail.com>
Date: Sat, 05 Jan 2013 16:48:03 +0100
Message-ID: <1357400883.1577.14.camel@LeLion>
To: Brenton Chapin <bzipitidoo@gmail.com>
Cc: www-svg@w3.org
On Fri, 2013-01-04 at 00:45 -0600, Brenton Chapin wrote:
> Greetings list.  I dabble with SVG and am still trying to figure out
> what it can do.
> 
> Stroke-dasharray allows the drawing of many kinds of dashed lines.  Is
> there any way to draw such things as a double line, tapered line, or a
> wavy line, with a single use of a path or line element? 

Not at the moment, hopefully in SVG 2.

> The SVG documentation says patterns can be used for strokes, but I
> haven't been able to get that to work.  There's an example of a
> pattern used for a fill, but no example for a stroke.

Patterns can be used for strokes but they probably won't do what you
want to do since the pattern will not be warped to follow the path.

> Another idea was <tspan dy="-1"> and <tspan dy="1"> for a double line,
> except tspan only works on text.
> 
> Meantime, what does work for a double line is drawing a thin line in
> the background color on top of a thick line.

This is the best way at the moment. If you define a path without any
styling and then reference it with the <use> element multiple times, you
can build up more complex paths that will automatically adapt if the
referenced path is changed. This is essentially what is described in the
context of Inkscape at the bottom of:

http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Attributes-Stroke.html#Attributes-Stroke-Complex

Inkscape also has a number of ways of putting patterns along a path
which can give you a tapered or wavy line by replacing a simple path
with a more complex path.

Tav
Received on Monday, 7 January 2013 09:02:15 GMT

This archive was generated by hypermail 2.3.1 : Friday, 8 March 2013 15:54:53 GMT