Vivus.js

Vivus.js

Vivusは軽量のJavaScriptクラスであり、SVGをアニメーション化して、描画されているように見せることができます。
Vivusは、SVGをアニメーション化して描画されたように見せることができる、軽量なJavaScriptクラス(依存関係なし)です。さまざまな種類のアニメーションが利用可能で、カスタムスクリプトを作成してSVGを好きなように描画するオプションもあります。アニメーションの種類•遅延:すべてのパス要素は、開始時にわずかな遅延で同時に描画されます。これは現在、デフォルトのアニメーションです。•同期:各線は同期して描画されます。それらはすべて同時に開始および終了するため、名前は「sync」です。•OneByOne:各パス要素は次々に描画されます。このアニメーションは、ライブ描画の最高の印象を与えます。タイミング機能自由度を高めるために、各パスおよび/またはSVG全体のアニメーションをオーバーライドできます。CSSアニメーションタイミング機能に少し似ています。ただし、3次ベジェ関数を使用する代わりに、単純なJavaScript関数を使用します。パラメータとして数値(0〜1)を受け入れ、数値(0〜1)を返す必要があります。フックです。Scenarizeこの機能により、SVGのアニメーションをスクリプト化できます。これを行うには、SVGのDOMでカスタム値を直接設定します。次に、シナリオ同期を使用した例を示します。詳細については、ソースコードとreadmeファイルを参照することをお勧めします。
vivus-js

JavaScript用のVivus.jsの代替ライセンス(無料ライセンス付き)