Skip to main content
⚠️ Archived Version

You are viewing documentation for Design Editor version 7.2, which is no longer actively maintained. For the latest features and updates, please refer to the current version (7.3).

Interface: ICanvasStyleConfig

A structure defining the appearance of grips of design elements.

Example​

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

Properties​

selection​

selection: ISelectionStyle

One or more selected design elements.

hover​

hover: IHoverStyle

The object that the cursor is hovering over.

spotlight​

spotlight: ISpotlightStyle

A highlighted object.

rubberband​

rubberband: IRubberbandStyle

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

interactiveZones​

interactiveZones: IInteractiveZonesStyles

artworkSize​

artworkSize: IArtworkSizeStyle

Was this page helpful?