使 cytoscape.js 个动画连续播放

Question

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

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

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

现在，我已经做到了

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);

Making cytoscape.js animations play continuously