-
Using Trim Paths to Draw Dotted Line on AND Off
Greetings,
My project involves a dotted line that draws on from the left side of the screen, draws the outline of an image (house/hand/others), and then draws off the right side of the screen. The hope is for the left end of the line to follow, “erasing” everything that had been drawn, leaving the screen empty. My approach has been to use a shape path with Trim Paths to animate the line on and off. The line draws on properly, but when it’s time for it to animate off (using the “start” property), the dots actually move along the path instead of “erasing” the way they were drawn on. My guess is that they’re moving because I’m actually moving the Start Point, right? Any thoughts on an approach to get this to “draw off” instead of moving along the path?
Thanks so much,
Chris