Vue Diagram - customShapes.connectionPoints

An array of the shape's connection points.

Type:

Array<Object>

Diagram connection points

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 top edge.
  • If the y option is set to 1, the connection point matches the shape's bottom edge.