tomw_uk Posted January 24, 2021 Share Posted January 24, 2021 Hi all, I'm using the DrawSVG plugin with ScrollTrigger to animate a path on scroll. When I use a path with vector-effect="non-scaling-stroke" applied, I get this error in my browser's console. TypeError: undefined is not an object (evaluating 't._offsetPT.s'). Note, you won't see it in CodePen's console. I've seen some other posts about issues with non proportionally scaled SVG, but I see this error even in my simple non-scaled example. Any thoughts or pointers, greatly appreciated. Many thanks, Tom. See the Pen gOwNYKe by tomwelch (@tomwelch) on CodePen Link to comment Share on other sites More sharing options...
PointC Posted January 24, 2021 Share Posted January 24, 2021 hmmm... I think @GreenSock may need to take a look at this. I'm seeing some oddities here too. With a vector effect of non scaling stroke DrawSVG 3 doesn't seem to animate the path if I include a scale tween. See the Pen d14ac7059d450c73e2ecb5ef2e361fef by PointC (@PointC) on CodePen But this worked fine in GSAP 2. See the Pen 050fbc398630fce52e11fa1b491a1013 by PointC (@PointC) on CodePen 1 1 Link to comment Share on other sites More sharing options...
akapowl Posted January 24, 2021 Share Posted January 24, 2021 3 hours ago, PointC said: With a vector effect of non scaling stroke DrawSVG 3 doesn't seem to animate the path if I include a scale tween. Interesting; On my Desktop PC I'm seeing the same as @PointC mentioned, but on mobile (Samsung Galaxy Note 10, Samsung Internet) the path is being drawn, but there is no scale animation 🤔 1 1 Link to comment Share on other sites More sharing options...
PointC Posted January 24, 2021 Share Posted January 24, 2021 Yeah - good call @akapowl. I'm seeing that result on my iPad too. (draw but no scale). Weird. 1 Link to comment Share on other sites More sharing options...
Solution GreenSock Posted January 24, 2021 Solution Share Posted January 24, 2021 Is it working better now (after clearing your cache)? There was a very particular edge case that I needed to work around in DrawSVGPlugin, requiring one line of conditional logic that I put into the next release, and you can preview it now on CodePen with the usual URL: https://assets.codepen.io/16327/DrawSVGPlugin3.min.js 4 1 Link to comment Share on other sites More sharing options...
akapowl Posted January 24, 2021 Share Posted January 24, 2021 Drawing and scaling simultaneously on mobile and desktop for me 👍 Link to comment Share on other sites More sharing options...
PointC Posted January 25, 2021 Share Posted January 25, 2021 Looking good in all tests here. 🙌 Link to comment Share on other sites More sharing options...
tomw_uk Posted January 25, 2021 Author Share Posted January 25, 2021 That seems to have done the trick. Thanks for everyone's help, and @GreenSock for fixing it on a Sunday. 9 hours ago, GreenSock said: There was a very particular edge case that I needed to work around in DrawSVGPlugin, requiring one line of conditional logic that I put into the next release Any idea when that release might be? Or are you able to share the patch you put in place? Thanks again all, Tom Link to comment Share on other sites More sharing options...
GreenSock Posted January 27, 2021 Share Posted January 27, 2021 On 1/25/2021 at 2:25 AM, tomw_uk said: Any idea when that release might be? Or are you able to share the patch you put in place? I shot it to you via email. Enjoy! 1 Link to comment Share on other sites More sharing options...
tomw_uk Posted January 28, 2021 Author Share Posted January 28, 2021 Thanks @GreenSock. Working like a charm. Have a good evening. Link to comment Share on other sites More sharing options...
dbrinker Posted February 24, 2021 Share Posted February 24, 2021 @GreenSock I'm running into the same issues, is there any way I could get the file as well? Link to comment Share on other sites More sharing options...
GreenSock Posted February 24, 2021 Share Posted February 24, 2021 @dbrinker absolutely, I'd be happy to send it to you once you sign up for Club GreenSock. Just let me know once you do that and I'll send it your way. 👍 3 Link to comment Share on other sites More sharing options...
dbrinker Posted February 24, 2021 Share Posted February 24, 2021 @GreenSock we are list as a Business Green License under @Steve Hoerner account. 1 1 Link to comment Share on other sites More sharing options...
GreenSock Posted February 24, 2021 Share Posted February 24, 2021 Ah, okay, that makes sense. Glad to see you're officially added now as a developer on that "Business Green" account. I shot you an email with the file. Enjoy! 1 Link to comment Share on other sites More sharing options...
spearquit Posted April 5, 2022 Share Posted April 5, 2022 Hey @GreenSock - i'm hitting this issue too. I'm a club greensock member - could you fire the file over to me when you can? edit: nvm, my membership was out of date. Have updated and it worked. Sorry to bother you! Cheers 2 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