Vivus.js

Vivusは軽量のJavaScriptクラスであり、SVGをアニメーション化して、描画されているように見せることができます。

無料アプリ
Self-Hosted
JavaScript

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

vivus-js