Arteau

I got it to work. I drew the lines with a wacom tablet, they weren't shapes, they were in fact open strokes. The problem was that they didn't have a uniform width profile, so Illustrator exported them as shapes instead. Thanks for all the help!!

Just for the sake of it I replaced the inline styling of the svg with external css where I set the fill to none, and the stroke to 1 pixel black. The illustration now looks like this: and it still doesn't animate at all... EDIT: I forgot to add the animation class to the paths.. It does animate correctly now, I just need to get it to look right.

@PointC thanks for your reply! That might just be the problem! However, I went back to the illustration in Illustrator and nothing is expanded, all of it are single-strokewidth paths. The problem is presumably with my export from Illustrator then? My export settings are:

Hi, My name is Arteau, I'm very new Simply Green GSAP member. I'm working on a Vue project where I want to draw in a purely line-art illustration with the DrawSVGPlugin, but it isn't working. I am not getting any import errors, and when I test out TweenMax without DrawSVG it works, so the problem is specifically with DrawSVG I think. Here are some screenshots. The script section of the view I'm working in: here is the svg: the collapsed groups are set up exactly as the two expanded groups, pure paths with the "draw-me" class. This is the webpage with the illustration I want animated, it simply doesn't do anything: Can someone maybe help me with this?