css - hand drawing (crayon) style for SVG path? -


the svg path looks solid line:

enter image description here

is possible implement hand-drawing (crayon) style svg path?

enter image description here

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

Popular posts from this blog

apache - PHP Soap issue while content length is larger -

asynchronous - Python asyncio task got bad yield -

javascript - Complete OpenIDConnect auth when requesting via Ajax -