Jump to content
Search Community

Difficulties with direction of Animation

nickCODE test
Moderator Tag

Recommended Posts

Hi, I'm having difficulties with the direction of the animation. Currently it starts kind of in the middle and goes all around the svg until the end. I want it to draw from the left side to the right and finish on the right side. Kind of like this: https://imgur.com/a/cVpz9kw

 

Maybe somebody knows an answer to this problem.

 

Thanks a lot in advance.

 

Nick

See the Pen ExjRZPQ?editors=0100 by GreenSock (@GreenSock) on CodePen

Link to comment
Share on other sites

Hey Nick and welcome to the GreenSock forums!

 

As I stated over on StackOverflow, you probably want to reform your SVG to use thick strokes instead of fills. That way you can draw it like your gif shows. You can also customize how it's animated by combining paths as necessary and use the properties discussed in the DrawSVG docs to customize the animation.

 

We're happy to answer specific questions but can't do it all for you. Please let us know what you're stuck on!

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...