使cytoscape.js动画不断播放

时间:2018-06-12 17:50:01

标签: cytoscape.js

有没有办法让动画连续播放?

以下是使用ani.play()的{​​{3}},但只执行一次。不是连续的。

我想要一个'闪烁'节点。它应该不断增大和缩小,直到用户说停止为止。

现在,我已经完成了这个

var jAni = cy.$('#rose').animation({
  style: {
    'background-color': 'red',
    'width': 75
  },
  duration: 1000
});
jAni.play();

正如ani.play()

的文档中所述

1 个答案:

答案 0 :(得分:1)

你必须信守承诺。自动倒带并不意味着自动重放,就像磁带一样。

let loopAnimation = ele => {
  return (
    ele.animation(opts).play()
    .promise('complete').then(loopAnimation)
  );
};

loopAnimation(someNode);