New to KendoReact? Start a free 30-day trial

A visual marker that renders an arrow shape at the start or end of a path. Extends MarkerBase to provide arrow-specific positioning and rendering functionality.

Definition

Package:@progress/kendo-react-diagram

Properties

anchor

Point

The anchor point for positioning the marker.

The underlying drawing element that handles the actual rendering.

id

string

The unique identifier of the element.

Configuration options for the element.

Methods

Creates the drawing element for the arrow marker.

Gets the drawing container for this element.

Returns:

any

The drawing element container

Sets the fill color and opacity of the visual element.

Parameters:colorany

The fill color

opacity?any

The fill opacity (optional)

Gets the position of the element.

Returns:

Point

The current element position.

Sets the position of the element from a point.

Parameters:pointPoint

The new element position.

Sets the position of the element from coordinates.

Parameters:xnumber

The horizontal coordinate.

ynumber

The vertical coordinate.

Positions the arrow marker on the specified path.

Parameters:pathany

The path on which to position the arrow marker

Updates the marker with the provided options, recalculating path-derived stroke settings when needed.

Parameters:optionsany

New options to apply to the marker

Gets the rotation of the element.

Returns:

Rotation

The current element rotation.

Sets the rotation of the element.

Parameters:anglenumber

The rotation angle in radians.

centerPoint

The center of rotation.

Returns:

Rotation

The applied element rotation.

Sets the stroke color, width, and opacity of the visual element.

Parameters:colorany

The stroke color

widthany

The stroke width

opacityany

The stroke opacity

Gets the visibility of the element.

Returns:

boolean

true when the element is visible; otherwise, false.

Sets the visibility of the element.

Parameters:valueboolean

Whether the element should be visible.