Ich habe einen Weg erforscht, um gleichzeitig eine Linie und Bilder zu animieren.Javascript animieren Linie und Bild - Bibliothek
sehen gif Beispiel hier:
aber ich jede Bibliothek nicht finden kann dies leicht zu tun. Ich habe versucht, rohe Javascript zu verwenden, aber es ist zu kompliziert und funktioniert nicht glatt. Haben Sie Bibliotheken, die die im Gif gezeigte Animation ausführen können? Danke
Wahrscheinlich das erste Beispiel für die Animation einer Linie wie dieser ist von Jake Archibald, die SVG mit einer gestrichelten Hublänge verwendet, die im Laufe der Zeit variiert. Dies könnte die Basis Ihrer vertikalen Linie sein. Mit ein wenig Modifikation könnte es die Scroll-Position anstelle der Zeit verwenden.
Es gibt eine Bibliothek speziell für diese Linienanimationstechnik namens Vivus.
Aber wenn Sie für eine voll ausgestattete SVG-Bibliothek suchen, die Ihnen viel mehr Optionen geben würde, könnten Sie sich SnapSVG, Bonsai und Velocity ansehen.