Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
eatmangos

How to set starting position on MorphSVG.pathDataToBezier aligned item

Recommended Posts

Its easy to set up an animation to trace a path using the plugin, but how can i change the starting position and direction it rotates?.. Lets say my path i am tracing is a circle, how could i align an item to start at the top of the circle, vs start at the bottom of the circle. Then spin CW, vs CCW?

Share this post


Link to post
Share on other sites

Hey eatmangos. Thanks for being a club GreenSock member!

 

If you haven't seen it already, I think the quick tip on this subject is very helpful. Maybe it can answer your questions. 

 

 

P.S. In the next version of GSAP (soon to be released to GreenSock club members like yourself), these tasks are a breeze. You're going to love it!

  • Like 1

Share this post


Link to post
Share on other sites

Yes I have gone through that video and page, i cant see anything about setting to position on the path? It always starts at the beginning.. Maybe I could rotate the svg path itself..

Share this post


Link to post
Share on other sites
51 minutes ago, eatmangos said:

how could i align an item to start at the top of the circle, vs start at the bottom of the circle. Then spin CW, vs CCW?

 

Change your path so it starts at the top. @PointC has some tips on how to do this with an SVG editor, but I can't find his post ATM.

Share this post


Link to post
Share on other sites

Yup this makes sense, thank you! Look forward to the update :)

Share this post


Link to post
Share on other sites

I think this is the thread @OSUblake was talking about.

Happy tweening.

  • Like 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.

×