Interface ISelectionStyle

A structure defining the appearance of selected design elements.

Package: @aurigma/design-editor-iframe

Examples

 "canvas": {
   "style": {
     "selection": {
       "color": "red",
       "fillColor": "rgba(255,32,128,0.3)",
       "dashPattern": [1, 1, 1, 10],
       "rotationGripSize": 15,
       "rotationGripSizeOnTouchDevice": 33,
       "resizeGripColor": "pink",
       "resizeGripLineColor": "red",
       "resizeGripLineWidth": 1,
       "resizeGripLineDashPattern": [1, 10],
       "resizeGripSize": 10
     }
   }
 }

Properties

color

The color of the selection border, in the RGBA format. The default value is "rgb(48, 194, 255)".

Declaration

color: string;

Property Value

Type	Description
string	The color of the selection border, in the RGBA format. The default value is "rgb(48, 194, 255)".

dashPattern

The style of dashes of the selection border, as an array of numbers, which mean the length of the dash or gap in the dashed line.

Declaration

dashPattern: number[];

Property Value

Type	Description
number[]	The style of dashes of the selection border, as an array of numbers, which mean the length of the dash or gap in the dashed line.

fillColor

The fill color of the selection, in the RGBA format.

Declaration

fillColor: string;

Property Value

Type	Description
string	The fill color of the selection, in the RGBA format.

resizeGripColor

The fill color of the resizing grips, in the RGBA format. The default value is "rgba(255,255,255,1)".

Declaration

resizeGripColor: string;

Property Value

Type	Description
string	The fill color of the resizing grips, in the RGBA format. The default value is "rgba(255,255,255,1)".

resizeGripLineColor

The color of the resizing grip border, in the RGBA format. The default value is "rgba(255,0,0,1)".

Declaration

resizeGripLineColor: string;

Property Value

Type	Description
string	The color of the resizing grip border, in the RGBA format. The default value is "rgba(255,0,0,1)".

resizeGripLineWidth

The border width of resizing grips, in pixels. The default value is 1.

Declaration

resizeGripLineWidth: number;

Property Value

Type	Description
number	The border width of resizing grips, in pixels. The default value is 1.

resizeGripSize

The size of the resizing grip, in pixels. The default value is 11.

Declaration

resizeGripSize: number;

Property Value

Type	Description
number	The size of the resizing grip, in pixels. The default value is 11.

rotationGripSize

The diameter of the rotation grip, in pixels. The default value is 24.

Declaration

rotationGripSize: number;

Property Value

Type	Description
number	The diameter of the rotation grip, in pixels. The default value is 24.

rotationGripSizeOnTouchDevice

The diameter of the rotation grip on touch devices, in pixels. The default value is 24.

Declaration

rotationGripSizeOnTouchDevice: number;

Property Value

Type	Description
number	The diameter of the rotation grip on touch devices, in pixels. The default value is 24.

width

The selection border width, in pixels. The default value is 2.

Declaration

width: number;

Property Value

Type	Description
number	The selection border width, in pixels. The default value is 2.