Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Research perfect edge rendering around the output port #11623

Open
vitvakatu opened this issue Nov 22, 2024 · 0 comments
Open

Research perfect edge rendering around the output port #11623

vitvakatu opened this issue Nov 22, 2024 · 0 comments
Labels

Comments

@vitvakatu
Copy link
Contributor

We have a few issues with rendering edges coming out of the node.

One is introduced by #11582 for transparent visualizations:

image

Another one happens when the outcoming edge is dragged horizontally at some specific distance:

image

Finally, the need to preserve a clear gap between the node and the output port requires as to use SVG masks which causes significant performance drop for nodes with a lot of output connections:

slow-output-port.mp4

We investigated an alternative approach – using clipPath instead of masks, but the performance is still insufficient (see internal discussion).


We should consider either:

  1. A design change (e.g. no gap between the output port and the node)
  2. Another technical solution for all these issues (should be more straightforward after Refactor edge rendering #11622)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: New
Development

No branches or pull requests

2 participants