Jump to content
Search Community

MotionPathPlugin (start / end positions) doesn't work more than 1, in React, why?

JIZA test
Moderator Tag

Recommended Posts

  • JIZA changed the title to MotionPathPlugin (start / end positions) doesn't work more than 1, in React, why?

Welcome to the forums @JIZA

 

23 minutes ago, JIZA said:

Animation fires twice, how to fix it in React?

 

I'll need to check on that behavior, but the easiest solution is to just draw your SVG path at the correct start and end points.

 

Another option is to animate the progress of the timeline like this.

 

https://codesandbox.io/s/red-brook-xvwi9?file=/src/App.js

 

  • Like 1
Link to comment
Share on other sites

43 minutes ago, OSUblake said:

Welcome to the forums @JIZA

 

 

I'll need to check on that behavior, but the easiest solution is to just draw your SVG path at the correct start and end points.

 

Another option is to animate the progress of the timeline like this.

 

https://codesandbox.io/s/red-brook-xvwi9?file=/src/App.js

 

Thank you very much. You have a great library, I recently started using and learning about it. Cool😍

  • Like 1
  • Thanks 1
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...