-
-
Notifications
You must be signed in to change notification settings - Fork 3.7k
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
Timeline does not draw all paths (stoke dash effect) #884
Comments
Doing further testing, even if you use this simple svg, it does not always work: |
Hello,
I have a SVG that contains small paths and long paths.
I then loop through all paths, and try to create an animejs timeline. I make it so if the paths are very small (under 70 units totaldistance), I set the duration of animation to 1. (I want the small paths to instantly appear).
If the paths are longer, I want to see the stroke dash animation.
The problem is that sometimes it skips that last 4 paths. I am checking the timeline.add begin event, and it's not triggered sometimes (for the last paths). Sometimes it is. I do 10 page refreshes, 3 times it works, 7 times it does not work.
If I increase duration to 10 for example (for the small length paths), it always works, then they are drawn (but I want them to instantly appear, so that's why I use duration 1).
What can cause this bug?
The strange thing is that it always happens with the last paths and only if the last paths are small in length. Else, they appear correctly. (at least this is what I noticed).
Here are 2 example paths that are not shown when animating with timeline
The text was updated successfully, but these errors were encountered: