javascript - 如何使用 cytoscape.js 在单个动画中向特定方向移动所有节点？

Question

我想做这样的事情:

cy.nodes().animate({
    position: { x: x + 100, y: y + 100 },
});

但这不起作用。我根本不知道如何访问节点的当前位置。我想我只是错过了一些简单的东西。

Answer 1

我认为你可以通过使用预设布局来实现你想要的:

cy.nodes().layout({
  name: 'preset',
  animate: true,
  fit: false,
  transform: (node) => {
    let position = {};
    position.x = node.position('x') + 100;
    position.y = node.position('y') + 100;
    return position;
  }
}).run();

有关更多选项，请参阅doc .

这是一个JS Bin演示(按动画按钮)。