Class ArrowConnectorShape

Extends Shape to implement a new rounded arrow shape with support for waypoints and double arrows.

The shape is used to represent edges, not vertices.

By default, this shape is registered under SHAPE.ARROW_CONNECTOR in CellRenderer.

Hierarchy (view full)

Shape
- ArrowConnectorShape

Index

Constructors

constructor

Constructors

constructor

new ArrowConnectorShape(points, fill, stroke, strokeWidth?, arrowWidth?, spacing?, endSize?): ArrowConnectorShape
Parameters
- points: Point[]
- fill: string
- stroke: string
- strokeWidth: number = 1
- arrowWidth: number = ARROW_WIDTH
- spacing: number = ARROW_SPACING
- endSize: number = ...
Returns ArrowConnectorShape
Overrides Shape.constructor
- Defined in view/geometry/edge/ArrowConnectorShape.ts:38

Properties

antiAlias

antiAlias: boolean = true

Rendering hint for configuring the canvas.

arrowSpacing

arrowSpacing: number

arrowWidth

arrowWidth: number

boundingBox

boundingBox: null | Rectangle = null

Contains the bounding box of the shape, that is, the smallest rectangle that includes all pixels of the shape.

bounds

bounds: null | Rectangle = null

Holds the Rectangle that specifies the bounds of this shape.

cursor

cursor: string = ''

dialect

dialect: null | string = null

Holds the dialect in which the shape is to be painted. This can be one of the DIALECT constants in Constants.

direction

direction: DirectionValue = DIRECTION.EAST

endArrow

endArrow: string = NONE

endSize

endSize: number = 1

fill

fill: string = NONE

fillOpacity

fillOpacity: number = 100

flipH

flipH: boolean = false

flipV

flipV: boolean = false

glass

glass: boolean = false

gradient

gradient: string = NONE

gradientDirection

gradientDirection: DirectionValue = DIRECTION.EAST

image

image: null | ImageBox = null

imageSrc

imageSrc: null | string = null

indicator

indicator: null | Shape = null

indicatorColor

indicatorColor: string = NONE

indicatorDirection

indicatorDirection: DirectionValue = DIRECTION.EAST

indicatorGradientColor

indicatorGradientColor: string = NONE

indicatorImageSrc

indicatorImageSrc: null | string = null

indicatorShape

indicatorShape: null | typeof Shape = null

indicatorStrokeColor

indicatorStrokeColor: string = NONE

isDashed

isDashed: boolean = false

isRounded

isRounded: boolean = false

isShadow

isShadow: boolean = false

minSvgStrokeWidth

minSvgStrokeWidth: number = 1

Minimum stroke width for SVG output.

node

node: SVGGElement

Holds the outermost DOM node that represents this shape.

oldGradients

oldGradients: GradientMap = {}

opacity

opacity: number = 100

originalPointerEvents

originalPointerEvents: null | boolean = null

outline

outline: boolean = false

Specifies if the shape should be drawn as an outline. This disables all fill colors and can be used to disable other drawing states that should not be painted for outlines. Default is false. This should be set before calling .

overlay

overlay: null | CellOverlay = null

pointerEvents

pointerEvents: boolean = true

Specifies if pointer events should be handled. Default is true.

points

points: (null | Point)[] = []

Holds the array of that specify the points of this shape.

preserveImageAspect

preserveImageAspect: boolean = false

rotation

rotation: number = 0

scale

scale: number = 1

Holds the scale in which the shape is being painted.

shapePointerEvents

shapePointerEvents: boolean = false

Specifies if pointer events outside of shape should be handled. Default is false.

spacing

spacing: number = 0

startArrow

startArrow: string = NONE

startSize

startSize: number = 1

state

state: null | CellState = null

Optional reference to the corresponding .

stencil

stencil: null | StencilShape = null

Holds the StencilShape that defines the shape.

stencilPointerEvents

stencilPointerEvents: boolean = false

Specifies if pointer events outside of stencils should be handled. Default is false. Set this to true for backwards compatibility with the 1.x branch.

stroke

stroke: string = NONE

strokeOpacity

strokeOpacity: number = 100

strokeWidth

strokeWidth: number = 1

style

style: null | CellStateStyle = null

Optional reference to the style of the corresponding .

svgPointerEvents

svgPointerEvents: string = 'all'

Specifies if pointer events should be handled. Default is true.

svgStrokeTolerance

svgStrokeTolerance: number = 8

Event-tolerance for SVG strokes (in px). This is only passed to the canvas in createSvgCanvas if pointerEvents is true.

Default

useSvgBoundingBox

useSvgBoundingBox: boolean = true

Allows to use the SVG bounding box in SVG.

Default Value

false for performance reasons.

verticalTextRotation

verticalTextRotation: number = 0

visible

visible: boolean = true

Specifies if the shape is visible. Default is true.

Methods

addPoints

addPoints(c, pts, rounded?, arcSize, close?, exclude?, initialMove?): void
Paints the given points with rounded corners.
Parameters
- c: AbstractCanvas2D
- pts: Point[]
- rounded: boolean = false
- arcSize: number
- close: boolean = false
- exclude: number[] = []
- initialMove: boolean = true
Returns void
Inherited from Shape.addPoints
- Defined in view/geometry/Shape.ts:812

afterPaint

afterPaint(c): void
Invokes after paint was called.
Parameters
- c: AbstractCanvas2D
Returns void
Inherited from Shape.afterPaint
- Defined in view/geometry/Shape.ts:561

apply

apply(state): void
Overrides apply to get smooth transition from default start- and endsize.
Parameters
- state: CellState
Returns void
Overrides Shape.apply
- Defined in view/geometry/edge/ArrowConnectorShape.ts:85

augmentBoundingBox

augmentBoundingBox(bbox): void
Augments the bounding box with the edge width and markers.
Parameters
- bbox: Rectangle
Returns void
Overrides Shape.augmentBoundingBox
- Defined in view/geometry/edge/ArrowConnectorShape.ts:97

beforePaint

beforePaint(c): void
Invoked before paint is called.
Parameters
- c: AbstractCanvas2D
Returns void
Inherited from Shape.beforePaint
- Defined in view/geometry/Shape.ts:554

checkBounds

checkBounds(): null | boolean
Returns true if the bounds are not null and all of its variables are numeric.

Returns null | boolean
Inherited from Shape.checkBounds
- Defined in view/geometry/Shape.ts:425

clear

clear(): void
Removes all child nodes and resets all CSS.

Returns void
Inherited from Shape.clear
- Defined in view/geometry/Shape.ts:345

configureCanvas

configureCanvas(c, x, y, w, h): void
Sets the state of the canvas for drawing the shape.
Parameters
- c: AbstractCanvas2D
- x: number
- y: number
- w: number
- h: number
Returns void
Inherited from Shape.configureCanvas
- Defined in view/geometry/Shape.ts:664

create

create(): SVGGElement
Creates and returns the DOM node for the shape. This implementation assumes that maxGraph produces SVG elements.

Returns SVGGElement
Inherited from Shape.create
- Defined in view/geometry/Shape.ts:324

createBoundingBox

createBoundingBox(): null | Rectangle
Returns a new rectangle that represents the bounding box of the bare shape with no shadows or strokewidths.

Returns null | Rectangle
Inherited from Shape.createBoundingBox
- Defined in view/geometry/Shape.ts:1061

createCanvas

createCanvas(): null | SvgCanvas2D
Creates a new canvas for drawing this shape. May return null.

Returns null | SvgCanvas2D
Inherited from Shape.createCanvas
- Defined in view/geometry/Shape.ts:466

createSvgCanvas

createSvgCanvas(): null | SvgCanvas2D
Creates and returns an SvgCanvas2D for rendering this shape.

Returns null | SvgCanvas2D
Inherited from Shape.createSvgCanvas
- Defined in view/geometry/Shape.ts:503

createTransparentSvgRectangle

createTransparentSvgRectangle(x, y, w, h): SVGRectElement
Adds a transparent rectangle that catches all events.
Parameters
- x: number
- y: number
- w: number
- h: number
Returns SVGRectElement
Inherited from Shape.createTransparentSvgRectangle
- Defined in view/geometry/Shape.ts:1140

destroy

destroy(): void
Destroys the shape by removing it from the DOM and releasing the DOM node associated with the shape using Event#release.

Returns void
Inherited from Shape.destroy
- Defined in view/geometry/Shape.ts:1186

destroyCanvas

destroyCanvas(canvas): void
Destroys the given canvas which was used for drawing. This implementation increments the reference counts on all shared gradients used in the canvas.
Parameters
- canvas: AbstractCanvas2D
Returns void
Inherited from Shape.destroyCanvas
- Defined in view/geometry/Shape.ts:534

getArcSize

getArcSize(w, h): number
Returns the arc size for the given dimension.
Parameters
- w: number
- h: number
Returns number
Inherited from Shape.getArcSize
- Defined in view/geometry/Shape.ts:761

getCursor

getCursor(): string
Returns the current cursor.

Returns string
Inherited from Shape.getCursor
- Defined in view/geometry/Shape.ts:1006

getEdgeWidth

getEdgeWidth(): number
Returns number
the width of the body of the edge
- Defined in view/geometry/edge/ArrowConnectorShape.ts:471

getEndArrowWidth

getEndArrowWidth(): number
Returns number
the width of the end arrow
- Defined in view/geometry/edge/ArrowConnectorShape.ts:464

getGradientBounds

getGradientBounds(c, x, y, w, h): Rectangle
Returns the bounding box for the gradient box for this shape.
Parameters
- c: AbstractCanvas2D
- x: number
- y: number
- w: number
- h: number
Returns Rectangle
Inherited from Shape.getGradientBounds
- Defined in view/geometry/Shape.ts:710

getLabelBounds

getLabelBounds(rect): Rectangle
Returns the Rectangle for the label bounds of this shape, based on the given scaled and translated bounds of the shape. This method should not change the rectangle in-place. This implementation returns the given rect.
Parameters
- rect: Rectangle
Returns Rectangle
Inherited from Shape.getLabelBounds
- Defined in view/geometry/Shape.ts:373

getLabelMargins

getLabelMargins(rect): null | Rectangle
Returns the scaled top, left, bottom and right margin to be used for computing the label bounds as an Rectangle, where the bottom and right margin are defined in the width and height of the rectangle, respectively.
Parameters
- rect: null | Rectangle
Returns null | Rectangle
Inherited from Shape.getLabelMargins
- Defined in view/geometry/Shape.ts:418

getRotation

getRotation(): number
Returns the rotation from the style.

Returns number
Inherited from Shape.getRotation
- Defined in view/geometry/Shape.ts:1103

getShapeRotation

getShapeRotation(): number
Returns the actual rotation of the shape.

Returns number
Inherited from Shape.getShapeRotation
- Defined in view/geometry/Shape.ts:1123

getStartArrowWidth

getStartArrowWidth(): number
Returns number
the width of the start arrow
- Defined in view/geometry/edge/ArrowConnectorShape.ts:457

getSvgScreenOffset

getSvgScreenOffset(): number
Returns 0, or 0.5 if % 2 == 1.

Returns number
Inherited from Shape.getSvgScreenOffset
- Defined in view/geometry/Shape.ts:311

getTextRotation

getTextRotation(): number
Returns the rotation for the text label.

Returns number
Inherited from Shape.getTextRotation
- Defined in view/geometry/Shape.ts:1110

init

init(container): void
Initializes the shape by creaing the DOM node using and adding it into the given container.
Parameters
- container: HTMLElement | SVGElement
  DOM node that will contain the shape.
Returns void
Inherited from Shape.init
- Defined in view/geometry/Shape.ts:281

initStyles

initStyles(): void
Sets the styles to their default values.

Returns void
Inherited from Shape.initStyles
- Defined in view/geometry/Shape.ts:290

isArrowRounded

isArrowRounded(): boolean
Returns boolean
whether the arrow is rounded
- Defined in view/geometry/edge/ArrowConnectorShape.ts:450

isHtmlAllowed

isHtmlAllowed(): boolean
Returns true if HTML is allowed for this shape. This implementation always returns false.

Returns boolean
Inherited from Shape.isHtmlAllowed
- Defined in view/geometry/Shape.ts:304

isMarkerEnd

isMarkerEnd(): boolean
Returns boolean
whether the end marker is drawn
- Defined in view/geometry/edge/ArrowConnectorShape.ts:492

isMarkerStart

isMarkerStart(): boolean
Returns boolean
whether the start marker is drawn
- Defined in view/geometry/edge/ArrowConnectorShape.ts:485

isOpenEnded

isOpenEnded(): boolean
Returns boolean
whether the ends of the shape are drawn
- Defined in view/geometry/edge/ArrowConnectorShape.ts:478

isPaintBoundsInverted

isPaintBoundsInverted(): boolean
Returns true if the bounds should be inverted.

Returns boolean
Inherited from Shape.isPaintBoundsInverted
- Defined in view/geometry/Shape.ts:1092

isRoundable

isRoundable(): boolean
Hook for subclassers.

Returns boolean
Overrides Shape.isRoundable
- Defined in view/geometry/edge/ArrowConnectorShape.ts:70

paint

paint(c): void
Generic rendering code.
Parameters
- c: AbstractCanvas2D
Returns void
Inherited from Shape.paint
- Defined in view/geometry/Shape.ts:568

paintBackground

paintBackground(c, x, y, w, h): void
Hook for subclassers. This implementation is empty.
Parameters
- c: AbstractCanvas2D
- x: number
- y: number
- w: number
- h: number
Returns void
Inherited from Shape.paintBackground
- Defined in view/geometry/Shape.ts:740

paintEdgeShape

paintEdgeShape(c, pts): void
Paints the line shape.
Parameters
- c: AbstractCanvas2D
- pts: Point[]
Returns void
Overrides Shape.paintEdgeShape
- Defined in view/geometry/edge/ArrowConnectorShape.ts:116

paintForeground

paintForeground(c, x, y, w, h): void
Hook for subclassers. This implementation is empty.
Parameters
- c: AbstractCanvas2D
- x: number
- y: number
- w: number
- h: number
Returns void
Inherited from Shape.paintForeground
- Defined in view/geometry/Shape.ts:747

paintGlassEffect

paintGlassEffect(c, x, y, w, h, arc): void
Paints the glass gradient effect.
Parameters
- c: AbstractCanvas2D
- x: number
- y: number
- w: number
- h: number
- arc: number
Returns void
Inherited from Shape.paintGlassEffect
- Defined in view/geometry/Shape.ts:776

paintMarker

paintMarker(c, ptX, ptY, nx, ny, size, arrowWidth, edgeWidth, spacing, initialMove): void
Paints the marker.
Parameters
- c: AbstractCanvas2D
- ptX: number
- ptY: number
- nx: number
- ny: number
- size: number
- arrowWidth: number
- edgeWidth: number
- spacing: number
- initialMove: boolean
Returns void
- Defined in view/geometry/edge/ArrowConnectorShape.ts:410

paintVertexShape

paintVertexShape(c, x, y, w, h): void
Paints the vertex shape.
Parameters
- c: AbstractCanvas2D
- x: number
- y: number
- w: number
- h: number
Returns void
Inherited from Shape.paintVertexShape
- Defined in view/geometry/Shape.ts:728

redraw

redraw(): void
Returns void
Inherited from Shape.redraw
- Defined in view/geometry/Shape.ts:328

redrawHtmlShape

redrawHtmlShape(): void
Returns void
Inherited from Shape.redrawHtmlShape
- Defined in view/geometry/Shape.ts:1152

redrawShape

redrawShape(): void
Updates the SVG or VML shape.

Returns void
Inherited from Shape.redrawShape
- Defined in view/geometry/Shape.ts:443

releaseSvgGradients

releaseSvgGradients(grads): void
Paints the line shape.
Parameters
- grads: GradientMap
Returns void
Inherited from Shape.releaseSvgGradients
- Defined in view/geometry/Shape.ts:1168

resetStyles

resetStyles(): void
Overrides mxShape to reset spacing.

Returns void
Overrides Shape.resetStyles
- Defined in view/geometry/edge/ArrowConnectorShape.ts:77

setCursor

setCursor(cursor): void
Sets the cursor on the given shape.
Parameters
- cursor: string
  The cursor to be used.
Returns void
Inherited from Shape.setCursor
- Defined in view/geometry/Shape.ts:998

setTransparentBackgroundImage

setTransparentBackgroundImage(node): void
Sets a transparent background CSS style to catch all events.

Paints the line shape.
Parameters
- node: SVGElement
Returns void
Inherited from Shape.setTransparentBackgroundImage
- Defined in view/geometry/Shape.ts:1161

updateBoundingBox

updateBoundingBox(): void
Updates the for this shape using and and stores the result in .

Returns void
Inherited from Shape.updateBoundingBox
- Defined in view/geometry/Shape.ts:1021

updateBoundsFromPoints

updateBoundsFromPoints(): void
Updates the bounds based on the points.

Returns void
Inherited from Shape.updateBoundsFromPoints
- Defined in view/geometry/Shape.ts:354

updateTransform

updateTransform(c, x, y, w, h): void
Sets the scale and rotation on the given canvas.
Parameters
- c: AbstractCanvas2D
- x: number
- y: number
- w: number
- h: number
Returns void
Inherited from Shape.updateTransform
- Defined in view/geometry/Shape.ts:717

Class ArrowConnectorShape

Hierarchy (view full)

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

Returns ArrowConnectorShape

Properties

antiAlias

arrowSpacing

arrowWidth

boundingBox

bounds

cursor

dialect

direction

endArrow

endSize

fill

fillOpacity

flipH

flipV

glass

gradient

gradientDirection

image

imageSrc

indicator

indicatorColor

indicatorDirection

indicatorGradientColor

indicatorImageSrc

indicatorShape

indicatorStrokeColor

isDashed

isRounded

isShadow

minSvgStrokeWidth

node

oldGradients

opacity

originalPointerEvents

outline

overlay

pointerEvents

points

preserveImageAspect

rotation

scale

shapePointerEvents

spacing

startArrow

startSize

state

stencil

stencilPointerEvents

stroke

strokeOpacity

strokeWidth

style

svgPointerEvents

svgStrokeTolerance

Default

useSvgBoundingBox

Default Value

verticalTextRotation

visible

Methods

addPoints

Parameters

Returns void

afterPaint

Parameters

Returns void

apply

Parameters

Returns void