Path To Bezier Responsive scaling

[anishpixellabs]

sorted

 

[PointC]

Hi anishpixellabs 

 

Welcome to the forum.

 

Your link is 404 so I can't see your animation.

 

The easiest way to get a responsive 'path following' animation is to build the whole thing in the SVG. Having a regular DOM element following a SVG path can certainly work, but if you have a child element of the SVG follow the path, the entire SVG will scale up and down perfectly and you won't have to worry about it. Just my two cents worth.

 

Happy tweening.

[anishpixellabs]

Apologies, heres is the working link : http://foodconnections.clients.pixel-labs.co.uk/npd-services/exporting/

 

All aspects of the animtation are SVG's, the plane and the line SVG site inside a container with eachother.

 

Are you saying I should have the line and the plane as one SVG? Never thought of it that way - will give that a try.

 

Hi anishpixellabs 

 

Welcome to the forum.

 

Your link is 404 so I can't see your animation.

 

The easiest way to get a responsive 'path following' animation is to build the whole thing in the SVG. Having a regular DOM element following a SVG path can certainly work, but if you have a child element of the SVG follow the path, the entire SVG will scale up and down perfectly and you won't have to worry about it. Just my two cents worth.

 

Happy tweening.