Skip to main content

Interface: IHoverStyle

A structure defining the appearance of the object that the cursor is hovering over.

Example​

 "canvas": {
   "style": {
     "hover": {
       "color": "gold",
       "width": 4,
       "fillColor": "rgba(255,192,0,0.3)",
       "dashPattern": [1, 1, 1, 10],
       "showLabel": false,
       "textStyle": "Italic Bold 14px Flomaster",
       "textColor": "rgb(192,128,0)"
     }
   }
 }

Properties​

color​

color: string

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

width​

width: number

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

fillColor​

fillColor: string

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

showLabel​

showLabel: boolean

If true, displays the design element name. The default value is true.

textStyle​

textStyle: string

The text style of the design element name. The default value is "normal 12px Roboto".

textColor​

textColor: string

The color of the design element name, in the RGBA format.

dashPattern​

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

Was this page helpful?