Share Posted December 28, 2021 (edited) I wanted to animate an external Svg w. GreenSock/Gsap. I have used svg paths for the letters. Here is the result. My external Svg is a Codepen asset. SteinarV Edit : The animation is now created after the SVG has loaded using fetch(" ...") and async/await. The animation is triggered on 'page load'. See the Pen qBPpvVo by steinarV (@steinarV) on CodePen Edited December 28, 2021 by SteinarvDesign Following advice from GreenSock Link to comment Share on other sites More sharing options...
Solution Solution Share Posted December 28, 2021 You need to create your animation after the SVG has loaded. The window load event does not include ajax calls like that, so you'll have to use a callback provided by XMLHttpRequest. Another option using fetch... See the Pen OJgppgX by GreenSock (@GreenSock) on CodePen 4 Link to comment Share on other sites More sharing options...
Author Share Posted December 28, 2021 @OSUblake Great advice . . . thank you ! 1 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now