New to KendoReact? Start a free 30-day trial

DataStorage

Class

A visual element that renders a data storage symbol with curved sides. Extends MultiPathShape and provides functionality for creating storage device shapes.

Definition

Package:@progress/kendo-react-diagram

Properties

drawingElement

MultiPath

The underlying multi-path drawing element.

id

string

The unique identifier of the element.

options

any

Configuration options for the element.

Methods

drawingContainer

Gets the drawing container for this element.

Returns:

any

The drawing element 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 rectangle with updated options.

Parameters:optionsany

New options to apply to the rectangle

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.