How to calc port position by os x and os y on 5.x version

[verron16]

How to calc port position by os x and os y on 5.x version

[petercat-assistant[bot]]

To calculate the port position by os x and os y in the latest version of G6 (5.x), you can follow these general steps:

1. Understand the Coordinate System: In G6, the coordinate system is based on the canvas. The os x and os y represent the offset positions on this canvas.

2. Node and Port Configuration: Ensure that your nodes and ports are configured correctly. Ports are typically defined relative to the nodes they belong to.

3. Calculate Position:

   • If you have the os x and os y values, these are usually the offset from the top-left corner of the node.
   • To get the absolute position on the canvas, you need to add these offsets to the node's position.

4. Use G6 Methods: G6 provides methods to get the position of nodes and ports. You can use these methods to calculate the exact position:

   • Use node.getModel() to get the node's model, which includes its position.
   • Add the os x and os y to the node's position to get the port's position.

Here's a simple example:

const node = graph.findById('node-id');
const model = node.getModel();
const portPosition = {
  x: model.x + osX, // osX is your offset x
  y: model.y + osY  // osY is your offset y
};

This code snippet assumes you have access to the node's ID and the os x and os y values. Adjust the logic as needed based on your specific setup.

If you have more specific requirements or encounter any issues, feel free to provide additional details, and I can assist further!

🪧 Tips

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