Interface ICanvasStyleConfig

A structure defining the appearance of grips of design elements.

Package: @aurigma/design-editor-iframe

Examples

configuration = {
  canvas: {
    style: {
      hover: {
        color: "green",
        width: 5,
        fillColor: "rgba(230, 250, 236, 0.5)",
        dashPattern: [2, 2],
        textColor: "green"
      }
    }
  }
};

Properties

hover

The object that the cursor is hovering over.

Declaration

hover: IHoverStyle;

Property Value

Type	Description
IHoverStyle	The object that the cursor is hovering over.

rubberband

A selected area when the left mouse button is holding down (or when the touchscreen is tapped).

Declaration

rubberband: IRubberbandStyle;

Property Value

Type	Description
IRubberbandStyle	A selected area when the left mouse button is holding down (or when the touchscreen is tapped).

selection

One or more selected design elements.

Declaration

selection: ISelectionStyle;

Property Value

Type	Description
ISelectionStyle	One or more selected design elements.

spotlight

A highlighted object.

Declaration

spotlight: ISpotlightStyle;

Property Value

Type	Description
ISpotlightStyle	A highlighted object.