New to KendoReact? Start a free 30-day trial

Path

Class

Represents an SVG path element with auto-sizing and marker capabilities. Combines VisualBase with AutoSizeableMixin and MarkerPathMixin functionality.

Definition

Package:@progress/kendo-react-diagram

Properties

The drawing group container that holds the path and its markers.

The underlying drawing element that handles the actual rendering.

id

string

The unique identifier of the element.

Configuration options for the element.

Methods

Gets the SVG path data.

Returns:

string

The current SVG path data string.

Sets the SVG path data.

Parameters:valuestring

The new SVG path data string.

Gets the drawing container that holds the path and its markers.

Returns:

Group

The drawing group 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.

Redraws the path with updated options.

Parameters:optionsany

Updated configuration options

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.