SVG路径通常看起来像一条实线: 是否可以为SVG路径实现手绘(蜡笔)样式? 您可以使用svg的过滤器尝试这样的事情 svg width="1000" height="500" defs filter id="filter" height="2" width="2" feTurbulence bas
是否可以为SVG路径实现手绘(蜡笔)样式?
您可以使用svg的过滤器尝试这样的事情<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)"/>