Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to add marker to the end of the path? #40

Open
brandonburns opened this issue Nov 29, 2020 · 2 comments
Open

How to add marker to the end of the path? #40

brandonburns opened this issue Nov 29, 2020 · 2 comments

Comments

@brandonburns
Copy link

I'm trying to find a way to add in a marker to the end of the animated path. Can this be done? If this is not implemented, do you have a suggestion as to how I could go about this? I am using the animated path to show a user's journey, and wanted to have a blinking circle to indicate their position at the front of the path.

An example of what I'm talking about can be seen here with the dog at the front of the path
https://saschwarz.github.io/react-svgpathplayer/

That library has not been updated in 4 years, so I was hoping there was a way to achieve this with this library?

@73R3WY
Copy link
Owner

73R3WY commented Dec 3, 2020

Hi @brandonburns , you might need to add a custom component that animates (changes x and y coords) together with the SVGpath end.

@brandonburns
Copy link
Author

Thank you for your reply, is there a way that I could grab this data from the AnimatedSVGPath? This the x and y coordinates have to be somewhere for the animated line to know where to stop each frame, so is there a way I can access this data each frame?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants