cytoscape.js - 使 cytoscape.js 动画连续播放

Question

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

这是一个 demo使用 ani.play()但它只做 一次 .不是连续的。

我想要一个“闪烁”节点。它应该不断地增长和缩小，直到用户说停止。

现在，我已经做到了

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

正如 ani.play() 的文档中提到的一样

Answer 1

你必须把你的 promise 锁起来。自动倒带并不意味着自动重播，就像磁带一样。

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

loopAnimation(someNode);