Vue Diagram - customShapes.connectionPoints

An array of a shape's connection points.

Type:

Array<Object>

Diagram - Connection Points

side

Specifies the direction of a connection point.

Type:

String

Accepted Values: 'north' | 'east' | 'south' | 'west'

x

Specifies the horizontal offset.

Type:

Number

This option specifies a fractional horizontal offset of a connection point toward the shape width.

  • If the x option is set to 0, the connection point matches the shape's left edge.
  • If the x option is set to 1, the connection point matches the shape's right edge.

y

Specifies the vertical offset.

Type:

Number

This option specifies a fractional vertical offset of a connection point toward the shape height.

  • If the y option is set to 0, the connection point matches the shape's bottom edge.
  • If the y option is set to 1, the connection point matches the shape's top edge.