可以将css动画添加到cytoscape中

Question

我正在尝试创建一个动画流程图，其中数据流路径必须在动画中显示，类似于this

我想知道这可能是在cytoscape或任何其他推荐的库中。 我的目标是使用动画流程图在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