New to KendoReact? Start a free 30-day trial

Line

Class

Represents a line segment with marker capabilities. Extends VisualBase and incorporates MarkerPathMixin functionality.

Definition

Package:@progress/kendo-react-diagram

Properties

container

Group

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

drawingElement

any

The underlying drawing element that handles the actual rendering.

id

string

The unique identifier of the element.

options

any

Configuration options for the element.

Methods

drawingContainer

Returns the drawing container for this line.

Returns:

Group

The drawing container

fill

Sets the fill color and opacity of the visual element.

Parameters:colorany

The fill color

opacity?any

The fill opacity (optional)

position

Gets the position of the element.

Returns:

Point

The current element position.

position

Sets the position of the element from a point.

Parameters:pointPoint

The new element position.

position

Sets the position of the element from coordinates.

Parameters:xnumber

The horizontal coordinate.

ynumber

The vertical coordinate.

redraw

Redraws the line with updated options.

Parameters:optionsany

Updated configuration options

rotate

Gets the rotation of the element.

Returns:

Rotation

The current element rotation.

rotate

Sets the rotation of the element.

Parameters:anglenumber

The rotation angle in radians.

centerPoint

The center of rotation.

Returns:

Rotation

The applied element rotation.

stroke

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

Parameters:colorany

The stroke color

widthany

The stroke width

opacityany

The stroke opacity

visible

Gets the visibility of the element.

Returns:

boolean

true when the element is visible; otherwise, false.

visible

Sets the visibility of the element.

Parameters:valueboolean

Whether the element should be visible.