Как я могу переместить все узлы в определенном направлении в одной анимации, используя cytoscape.js?

Question

Я хочу сделать что-то вроде этого:

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

, но это не работает.Я просто не знаю, как получить доступ к текущей позиции узла.Я думаю, что мне здесь просто не хватает чего-то простого.

Answer 1

Я думаю, что вы можете достичь того, что вы хотите, используя preset макет:

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 демо (нажмите кнопку анимации).