css - hand drawing (crayon) style for SVG path? -
the svg path looks solid line:
is possible implement hand-drawing (crayon) style svg path?
you can try using svg
's filter
<svg width="1000" height="500"> <defs> <filter id="filter" height="2" width="2"> <feturbulence basefrequency="0.2" numoctaves="3" type="fractalnoise" /> <fedisplacementmap scale="80" xchannelselector="r" in="sourcegraphic" /> </filter> </defs> <path d="m 100 100 l 200 10" stroke="black" stroke-width="20" style="filter:url(#filter)"/>
Comments
Post a Comment