Search results

DecoratorModel

Interface for a class Decorator

Properties

height

number

Sets the height of the decorator

pathData

string

Defines the geometry of the decorator shape

pivot

PointModel

Defines the position of the decorator with respect to the source/target point of the connector

shape

string

<div id='diagram'></div>
let connectors: ConnectorModel[] = [{
  id: 'connector', type: 'Straight', sourcePoint: { x: 500, y: 100 }, targetPoint: { x: 600, y: 200 },
  sourceDecorator: {
   style: { fill: 'black' },
   shape: 'Arrow',
   pivot: { x: 0, y: 0.5 }},
  targetDecorator: {
   shape: 'Diamond',
   style: { fill: 'blue' },
   pivot: { x: 0, y: 0.5 }}
 },];
let diagram: Diagram = new Diagram({
...
connectors: connectors
...
});
diagram.appendTo('#diagram');

style

ShapeStyleModel

Defines the appearance of the decorator

width

number

Sets the width of the decorator