Javascript animate line and image - library

Question

私は、線と画像を同時にアニメーション化する方法を研究しています。

は、ここでのgif例を参照してください。

を、私は簡単にこれを行うには、任意のライブラリを見つけることができません。私は生のjavascriptを使用しようとしましたが、複雑すぎてスムーズではありません。 gifに示されているアニメーションを実現できるライブラリはありますか？ありがとう

Answer 1

おそらく、このような行をアニメートする最初の例は、です。SVGを使用した人は、破線の長さが時間とともに変化します。これは、あなたの垂直線の基礎になる可能性があります。少し変更すれば、時間の代わりにスクロール位置を使うことができます。

Vivusと呼ばれるこのラインアニメーション技術専用のライブラリがあります。

しかし、より多くのオプションを提供するよりフル機能のSVGライブラリをお探しの場合は、SnapSVG、BonsaiおよびVelocityをご覧ください。