How to find out the port position of a node on the x and y axis on the canvas in version 5x

[verron16]

How to find out the port position of a node on the x and y axis on the canvas in version 5x

[petercat-assistant[bot]]

To find out the port position of a node on the x and y axis on the canvas in AntV G6 version 5.x, you can follow these steps:

1. Access the Node: First, you need to access the node for which you want to find the port position. You can do this by using the findById method if you know the node's ID.

2. Get the Ports: Once you have the node, you can get its ports using the getPorts method. This will return an array of port objects.

3. Calculate the Position: Each port object contains information about its position relative to the node. You can calculate the absolute position on the canvas by adding the node's position to the port's relative position.

Here's a sample code snippet to illustrate the process:

// Assuming you have the graph instance and the node ID
const nodeId = 'your-node-id';
const node = graph.findById(nodeId);

// Get the node's position
const model = node.getModel();
const nodeX = model.x;
const nodeY = model.y;

// Get the ports
const ports = node.getPorts();

// Calculate the absolute position of each port
ports.forEach(port => {
  const portX = nodeX + port.x;
  const portY = nodeY + port.y;
  console.log(`Port position on canvas: (${portX}, ${portY})`);
});

This code will log the absolute position of each port on the canvas. Make sure to replace 'your-node-id' with the actual ID of the node you're interested in.

If you have any more questions or need further assistance, feel free to ask!

🪧 Tips

For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.