Interface Fill

Represents fill properties in Penpot. You can add a fill to any shape except for groups. This interface includes properties for defining solid color fills, gradient fills, and image fills.

interface Fill {
    fillColor?: string;
    fillOpacity?: number;
    fillColorGradient?: Gradient;
    fillColorRefFile?: string;
    fillColorRefId?: string;
    fillImage?: ImageData;
}

Properties

fillColor? fillOpacity? fillColorGradient? fillColorRefFile? fillColorRefId? fillImage?

Properties

OptionalfillColor

fillColor?: string

The optional solid fill color, represented as a string (e.g., '#FF5733').

OptionalfillOpacity

fillOpacity?: number

The optional opacity level of the solid fill color, ranging from 0 (fully transparent) to 1 (fully opaque). Defaults to 1 if omitted.

OptionalfillColorGradient

fillColorGradient?: Gradient

The optional gradient fill defined by a Gradient object.

OptionalfillColorRefFile

fillColorRefFile?: string

The optional reference to an external file for the fill color.

OptionalfillColorRefId

fillColorRefId?: string

The optional reference ID within the external file for the fill color.

OptionalfillImage

fillImage?: ImageData

The optional image fill defined by an ImageData object.

Settings

Member Visibility

On This Page

Properties