Custom connectors
· 14 min read
outdated code
The code snippets in this post are only valid for versions of JsPlumb Toolkit prior to 6.9.0. We've disabled the live examples and will be writing an updated version of this post for 6.9.0+ soon.
The jsPlumb Toolkit has five connector types available:
BezierStraightOrthogonalStateMachineSegmented
Together these connectors cater for quite a few use cases, but if none of these are exactly what you need, it is possible to define your own custom connectors. In this post we'll take a look at how to do that, by defining a connector that provides a line taking the form of a triangle wave between its two endpoints.