使 cytoscape.js 动画连续播放

Question

有什么办法可以让动画连续播放吗？

这是一个使用的演示ani.play()，但它只执行一次。不是连续的。

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

现在，我已经这样做了

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

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

Answer 1

你必须把你的承诺链起来。自动倒带并不意味着自动重放，就像磁带一样。

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

loopAnimation(someNode);