BasicShape

23 Sep 20251 minute to read

Defines the behavior of the basic shape

Properties

cornerRadius number

Sets the corner of the node

Defaults to 0

points PointModel[]

Defines the collection of points to draw a polygon

Defaults to undefined

shape BasicShapes

Defines the type of the basic shape

  • Rectangle - Sets the type of the basic shape as Rectangle
  • Ellipse - Sets the type of the basic shape as Ellipse
  • Hexagon - Sets the type of the basic shape as Hexagon
  • Parallelogram - Sets the type of the basic shape as Parallelogram
  • Triangle - Sets the type of the basic shape as Triangle
  • Plus - Sets the type of the basic shape as Plus
  • Star - Sets the type of the basic shape as Star
  • Pentagon - Sets the type of the basic shape as Pentagon
  • Heptagon - Sets the type of the basic shape as Heptagon
  • Octagon - Sets the type of the basic shape as Octagon
  • Trapezoid - Sets the type of the basic shape as Trapezoid
  • Decagon - Sets the type of the basic shape as Decagon
  • RightTriangle - Sets the type of the basic shape as RightTriangle
  • Cylinder - Sets the type of the basic shape as Cylinder
  • Diamond - Sets the type of the basic shape as Diamond

Defaults to ‘Rectangle’

type Shapes

Defines the type of node shape

<div id='diagram'></div>
let shape: BasicShapeModel = { type: 'Basic', shape: 'Rectangle' };
let nodes: NodeModel[] = [{
id: 'node', width: 100, height: 100, offsetX: 100, offsetY: 100, shape: shape
}];
let diagram: Diagram = new Diagram({
...
nodes : nodes,
...
});
diagram.appendTo('#diagram');

Defaults to ‘Basic’