Creating a Pencil Effect in SVG
Publikováno: 28.3.2020
Scott Turner, who has an entire blog "Exploring procedural generation and display of fantasy maps", gets into why vector graphics seems on these surface why it would be bad for the look of a pencil stroke:
Something like this pencil stroke would require many tens of thousands of different elements. Basically each little blob of gray in that image would be separately defined.
But, SVG filters to the rescue.
CodePen Embed Fallback
It's all about <feTurbulence.
Direct Link … Read article “Creating a Pencil Effect in SVG”
The post Creating a Pencil Effect in SVG appeared first on CSS-Tricks.
Scott Turner, who has an entire blog "Exploring procedural generation and display of fantasy maps", gets into why vector graphics seems on these surface why it would be bad for the look of a pencil stroke:
Something like this pencil stroke would require many tens of thousands of different elements. Basically each little blob of gray in that image would be separately defined.
But, SVG filters to the rescue.
It's all about <feTurbulence>.
Direct Link to Article — Permalink
The post Creating a Pencil Effect in SVG appeared first on CSS-Tricks.