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

SVG path animation example #66

Closed
crnacura opened this issue Sep 2, 2016 · 3 comments
Closed

SVG path animation example #66

crnacura opened this issue Sep 2, 2016 · 3 comments

Comments

@crnacura
Copy link

crnacura commented Sep 2, 2016

First of all, great library, thanks for the awesome work! :)

I'm having a problem with animating SVG paths in one of our demos:
http://tympanus.net/Development/ItemRevealer/

Do you have any code example with SVG path animations? I'm trying to find out what's wrong with the demo code but it looks like Chrome (53.0.2785.89 (64-bit) on Mac) simply does not animate the SVG paths.

@juliangarnier
Copy link
Owner

Hey thanks for reporting this issue, it's an actual bug.
Looks like Chrome is now returning SVG attributes with getComputedStyle(), which I use to determine the animation type (SVG or CSS).
So anime.js will think that you are trying to animate styles['d'] instead of the d attribute.
I have to find a better way to determine the animation type.

Thanks for reporting this!
I'm on it.

@juliangarnier
Copy link
Owner

juliangarnier commented Sep 3, 2016

Ok I think I found an easy fix, can you try with this version?
https://github.com/juliangarnier/anime/blob/svg-path-fix/anime.js

Thanks!

@crnacura
Copy link
Author

crnacura commented Sep 5, 2016

Thanks so much, it works perfectly now! :)

@crnacura crnacura closed this as completed Sep 5, 2016
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