は、私はアニメーションのフロー図を作成しようとしています

Question

をcytoscapeするCSSアニメーションを追加することができ、データフローパスがthis

に似たアニメーションに示されなければならどこ私が知りたいcytoscapeでこれが可能であり、またはこのために推奨されるその他のライブラリ 私の目的は、animatedフロー図でreveal.jsにプレゼンテーションを作成することです。

.animation-slow{ animation: arc-animation 100s linear infinite; } 
.animation-medium{ animation: arc-animation 50s linear infinite; } 
.animation-fast{ animation: arc-animation 10s linear infinite; } 

.animation{ 
    stroke-dasharray: 5px 10px; 
    stroke-linecap: round; 
    stroke-dashoffset: 1500; 
} 

@keyframes arc-animation { 
    to { 
    stroke-dashoffset: 0; 
    } 
} 

.arc-information{ 
    width: 100px; 
    box-shadow: 0 0 1em #cecece; 
    background: white; 
    display: table !important; 
    tr td{ padding: 3px 10px; } 
    tr th{ background: #FFEB3B; } 

Answer 1

アニメーション機能やスタイルシートの移行を使用します。

• コア：http://js.cytoscape.org/#core/animation
• コレクション：http://js.cytoscape.org/#collection/animation
• トランジション：http://js.cytoscape.org/#style/transition-animation