EvRoundedRectangleAttributes Interface

The EvRoundedRectangleAttributes TS interface defines a blueprint of a JS object that specifies the corner curvature of a rounded rectangle item.

Properties

An EvRoundedRectangleAttributes object has the following properties:

xRadius: number;: A number, the length of a semi-axis of the ellipse that defines the rectangle corner curvature along the horizontal axis of the bounding box of the given rounded rectangle item in length UoM global for the evCreate API.
yRadius: number;: A number, the length of a semi-axis of the ellipse that defines the rectangle corner curvature along the vertical axis of the bounding box of the given rounded rectangle item in length UoM global for the evCreate API.

Examples

    { 
        xRadius: 30, 
        yRadius: 30
    }

Discussion

The curvature of the rounded corners is defined by two semi-axes of an ellipse. When creating or updating a rounded rectangle in the Canvas Envision Creator with the graphical UI, both semi-axes are always equal, creating a circle that forms the corners. Setting the semi-axes to different values is possible only with the functions provided in the Rounded Rectangles section of the evCreate API and creates an oval that forms the corners.

Different xRadius and yRadius values produce round and oval rectangle corners

09 April 2025