Vic C., it’s a great library that many people love, and I know you care deeply about performance :)”

If you do anything with web animation you should *definitely* be using “GSAP and CSS Transitions: I've done both, and its like comparing an F16 to a horse. “Massive shoutout to GreenSock for having an amazing product with fantastic documentation, hugely talented support staff and an active and helpful community.“Aside from GreenSock’s laser-focused attention to detail, GSAP is fast, reliable, flexible, exceptional value (read: free in most cases) and, very importantly, supported.”.

“GSAP is just miles and miles ahead of any animation library out there.This the first time I feel this way about a library.” GreenSock is incredible in its own right, but the team behind it is really what makes it “Reading through the GreenSock docs been amazed like 14 times so far! How can a library be SO complete? Been using that for about 2 years now but man. “I've never worked with a product that has such fantastic and enthusiastic support.For the codepen, I just stuck to simple drawing in of the stroke WITHOUT the 'slight of hand' - excuse the punĪnyone know right off how to resort the paths so they're in order? Here's a codepen where I'm trying to accomplish this. But, once I figure out how to sort by x/y (I'm using Lodash) I think I'll have this licked.

But that falls apart when you start with a wad of paths on various lines that can be in any order. One of the cool things about that library is the option to support line breaks in the string that gets passed to it. In the video example below, it's easy enough to sort the letters by x coordinates using MorphSVGPlugin's pathDataToBezier function because there's only one line. It works great but due to its asynchronous array assembly the letter paths get returned all out of order. I am using an npm module called vectorize-text to convert text to svg paths. I've figured out a way to sort of simulate line drawing of outline text by:įade in the fill over the same period of time the drawing tool draws in the stroke.īelow is a video I exported from my app that results from doing just that.

No proxima nova in inkscape free