Skip to main content

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?