geedix Posted August 5, 2021 Share Posted August 5, 2021 My codepen is copied from a bigger animation where other motion paths are working as expected. I've tried redrawing the paths for this one, but the "corner" element still doesn't align to its motion path without the offsets. Is it trying to wrap around to the left? Mystified as to why I need offsetX: 1545, offsetY:-112 See the Pen qBmMemd by geedix (@geedix) on CodePen Link to comment Share on other sites More sharing options...
Solution OSUblake Posted August 5, 2021 Solution Share Posted August 5, 2021 I think there might be a bug parsing the path. Can you use this path instead while we look into it? <path id="mpath3" d="M 1491.86 -56.88 C 1490.58 58.63 1424.2 121 1391.61 148.86" /> 3 Link to comment Share on other sites More sharing options...
geedix Posted August 5, 2021 Author Share Posted August 5, 2021 That's working, thanks! Spaces can be better than commas in an SVG path? I would never have guessed it. Link to comment Share on other sites More sharing options...
OSUblake Posted August 5, 2021 Share Posted August 5, 2021 It's easier to read with spaces, but commas should work. I just think it's having trouble with the negative the value at the start. M1491.86-56.88 2 Link to comment Share on other sites More sharing options...
GreenSock Posted August 5, 2021 Share Posted August 5, 2021 Yep, that was already fixed in the upcoming release which you can preview [compressed] at https://assets.codepen.io/16327/MotionPathPlugin.min.js if the <path/> you use for a motionPath contains data that has no commas or spaces between values like 126.87-32.48-310.91-58-499 instead of 126.87,-32.48,-310.91,-58,-499, MotionPathPlugin had a hard time parsing it correctly. There was a related thread a little while ago: Sorry about any confusion there, @geedix 3 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