How to customize the style path of the connection?

Hi, the original path style doesn’t suit my needs, I want to make it more smooth as shown in the picture. How can I do this? Thank you for your help!

I read the source code, it is possible to achieve by rewrite the function “drawConnection” of BaseRender. But I need to re-define the maker too if I rewrite the “drawConnection”. I wonder if there is any other better way to do it?


To achieve that you need a custom renderer that renders connections in that style. You could use SVG <path> elements to achieve that. Have a look at this simple example: Rounded Sequence Flows Example - CodeSandbox

It’s not finished but you could use it as a starting point.

1 Like

Thank you very much! Appreciate for your hard working!
I have a suggestion that maybe your team can separate the marker and path. When I want to achieve this I have to rewrite the path also the marker, it is duplicated and will import some modules the project does not need, for example “ids”.

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.