Faked SVG path stroke pattern

twitter logo ・1 min read

A stroke of an SVG shape can have only one constant shape. Though vector drawing apps like Affinity Designer and Adobe Illustrator offers advanced stoke patterns, it has not yet landed in SVG. This little pen uses a very heavy and not very method to generate something which looks like patterns, but certainly is not. It uses a combination of adding many copies of the path and changing the stroke-dasharray to only draw a 1 pixel wide path, which at that given point have the calculated stroke-width. Fun, to play with, but not intended for real-world use.

twitter logo DISCUSS
Classic DEV Post from Jun 18

Discussing the launch of Libra, "A new global currency"

A thread to talk about the launch of Libra

netsi1964 🙏🏻 profile image
I am a front-end developer

Creating your DEV account literally takes 30 seconds and is one of the best moves you can make for a happy and healthy software career.

Get started now ❤️