New to KendoReact? Start a free 30-day trial

A visual element that renders a rectangle shape. Extends VisualBase and provides functionality for creating and managing rectangular graphics.

Definition

Package:@progress/kendo-react-diagram

Properties

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 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.

Redraws the rectangle with updated options.

Parameters:optionsany

New options to apply to the rectangle

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.