Cytoscape.js循环动画

Cytoscape.js实现循环动画

Cytoscape.js 实现循环动画

获取 cytoscape 实例

1
2
3
4
5
const cytoscape = require('cytoscape')

let cy = cytoscape({
  //...
})

获取对应动画节点

有很多方法具体参照官方文档

设置动画

以 node 为例

1
2
3
4
5
6
7
8
let nAni = node.animation({
  style: {'border-color': '#2b9af3', 'border-width': 3},
  duration: 500,
})

let loopAni = () => nAni.reverse().rewind().play().promise('completed').then(loopAni)

loopAni()

comments powered by Disqus