Search results

BasicShapeModel API in Vue Diagram API component

Interface for a class BasicShape

Properties

cornerRadius

number

Sets the corner of the node

points

PointModel[]

Defines the collection of points to draw a polygon

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

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');