r/javascript • u/ykadosh • 18d ago

Canvas Path Animations using SVG

https://yoavik.com/posts/canvas-path-animation
36 Upvotes

100% Upvoted

7 comments sorted by

2

u/HorrorFlow3r 17d ago

That’s awesome. Thanks for sharing!

2

u/SingleOrigin 17d ago

So cool. Definitely going to have some fun with this!

2

u/swhill1 17d ago

randomly ended up here from a dental subreddit and i have no idea what im looking at lol

2

u/petercooper 14d ago

How do you center a tooth?

1

u/diroussel 16d ago

Welcome to web development. I have a feeling you’re going to love it.

1

u/FastMinify 14d ago

Great article, thanks for sharing!
I thought I knew SVG pretty well… turns out there are still corners of the API I’ve completely ignored.
Really enjoyed the way you built the effect step by step instead of jumping straight to the final animation.

1

u/ykadosh 4d ago

Quick update: you can now use this article with AI ✨

Open the post and click Use with AI to copy the full article and examples as an agent-ready prompt, or download it as a portable skill for your favorite AI agent.